`
keren
  • 浏览: 1580767 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Extjs4 简单的Tree panel树例子

 
阅读更多
//tree
//tree
Ext.define('MyTreeModel', {
    extend: 'Ext.data.Model',
    fields: [ 'name','url' ]
});
var tree = Ext.create('Ext.tree.Panel',{
    width:'200',
    height:'200',
    renderTo:'tree_div',
    displayField:'name',
    model:'MyTreeModel',
    root:{
        name:'根节点',
        children:[
            {name:'node1',url:'url1',leaf:true},
            {name:'node2',url:'url2',leaf:true}
        ]
    }
});
分享到:
评论

相关推荐

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    extjs 可编辑的表格树 Ext.tree.ColumnTree Ext.tree.ColumnTreeEditor

    extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail....

    extjs ajax tree(js动态树,无需递归)

    ExtJS AJAX Tree是一种基于JavaScript的动态树形结构,它利用AJAX技术来异步加载节点数据,无需在服务器端生成完整的树结构。这种方式可以显著提高页面加载速度,尤其是在处理大量数据时。ExtJS是一个功能丰富的...

    Extjs的Tree和Tab使用json做tree数据交互

    在ExtJS中,Tree是一种可扩展的、交互式的组件,它允许用户以树形结构展示数据。创建一个Tree,你需要定义`store`,`model`和`root`配置项。`store`存储数据,`model`定义数据字段,而`root`则是树的起始节点。JSON...

    ExtJs树例子

    在"ExtJs树例子"这个主题中,我们主要关注的是ExtJS如何实现树形控件(Tree Panel)。 树形控件在Web应用中广泛用于展示层次结构的数据,比如文件系统、组织架构或菜单导航。ExtJS提供了一个完善的TreePanel组件来...

    Extjs4动态树的实现

    总结来说,这个例子展示了如何使用ExtJS4和Java实现一个动态树结构。前端通过TreeStore从后端动态获取数据,当用户点击树节点时,会触发新的数据请求。后端根据请求参数返回JSON数据,更新树结构。这种动态加载的...

    extjs tree

    这个例子展示了如何创建一个简单的树,其数据从'tree_data.json'文件动态加载。实际应用中,你需要根据项目需求调整数据源和样式。 总结一下,ExtJS Tree是一个强大且灵活的组件,它提供了丰富的功能和良好的用户...

    extjs4-ssi例子

    在ExtJS 4中,可以使用树形控件或菜单栏来实现这一功能。开发者可能会用到Ext.tree.Panel或Ext.menu.Menu等组件来创建可交互的菜单结构,这些组件支持动态加载、多级嵌套和自定义事件处理。 "plreport"可能是压缩包...

    Extjs4树结构异步加载

    ExtJS4是一款强大的JavaScript框架,用于构建富...通过这样的方式,我们可以构建一个动态、高效的ExtJS4树结构,仅在需要时加载数据,提升用户体验。同时,这种方式也使得开发者能够更好地控制数据流,降低服务器压力。

    Extjs4生成树

    在ExtJS4中,树节点通过`Ext.tree.Panel`或`Ext.tree.View`来创建。以下是一个简单的树结构示例: ```javascript var tree = Ext.create('Ext.tree.Panel', { title: '文件系统', width: 200, height: 250, ...

    Extjs treeGrid 本地数据 例子

    在ExtJS中,TreeGrid是通过`Ext.tree.Panel`类实现的,它继承自`Ext.grid.Panel`,增加了树形结构的功能。 在本地数据的例子中,我们通常会用到`Ext.data.TreeStore`来存储和管理数据。TreeStore是ExtJS中的一个...

    extjs实现动态树加载菜单

    3. **定义树视图**(Ext.tree.Panel):这是展示树形结构的组件。我们需要设置`store`属性为之前创建的树存储,并通过`displayField`指定显示节点名称的字段。 4. **监听事件**:为了在节点展开时触发数据加载,...

    extjs学习案例, 例子有 panel ,widow,tree,grid,form, store……

    它提供了一整套组件化的用户界面元素,包括Panel、Window、Tree、Grid、Form和Store等,这些都是ExtJS的核心组件。本文将详细讲解这些知识点,帮助无论是初学者还是有一定基础的学习者提升在ExtJS开发中的技能。 ...

    extjs+asp例子

    - **服务器控件**:ASP的服务器控件可以被ExtJS的组件模拟,如GridView对应Ext.grid.Panel,Button对应Ext.button.Button。 4. **实例应用** 在"我的博客"这个项目中,可能包含了一个使用ExtJS创建的前端界面,...

    ExtJS5树形菜单

    在ExtJS5中,树形菜单(Tree Menu)是一种常见的UI组件,它允许用户以层次结构的方式展示数据,非常适合用于目录浏览、文件系统导航或者复杂的组织结构展示。在本篇文章中,我们将深入探讨ExtJS5树形菜单的使用方法...

    ExtJs的MVC小例子

    在ExtJs中,树型组件(`Ext.tree.Panel`)用于展示层次化的数据,常见于文件管理器或者组织结构图。它支持动态加载、拖放操作、节点编辑等功能。在MVC小例子中,树型组件的视图和控制器可能会实现这些高级特性。 在...

    很绚丽的EXTJS例子

    2. **Tree Panel**:用于展现层级结构数据,常用于文件系统或组织结构的展示。 3. **Form Panels**:用于创建各种表单,支持各种输入控件和验证机制,便于用户输入和提交数据。 4. **Charts**:EXTJS提供了丰富的...

    Ext树例子

    总结来说,`Ext树例子`是关于如何使用ExtJS库中的`Ext.tree.Panel`组件来展示和操作层次化数据的一个主题。`tree1.txt`和`tree2.txt`文件提供了创建树的数据源,通过解析这些文件,我们可以构建出具有实际数据的交互...

    使用ExtJs构建树形菜单功能

    下面我们通过一个简单的例子来创建一棵基础的树: ```javascript Ext.onReady(function() { var tree = new Ext.tree.TreePanel({ el: 'tree' // 指定渲染的DOM元素ID }); var root = new Ext.tree.TreeNode...

    extjs4.0 实现了主页面框架 动态菜单 例子 表单 ajax

    extjs4.0 实现了主页面框架(主框架使用Ext.Viewport,banner使用Ext.panel.Panel,通过toolbar来放置按钮),包括左侧动态菜单实现(采用Ext.tree.Panel)动态从数据库加载数据来显示菜单(后台代码也在了通过json...

Global site tag (gtag.js) - Google Analytics