`
zerozone
  • 浏览: 203742 次
  • 来自: 北京
社区版块
存档分类
最新评论

使用静态Json数据源创建Ext.tree.TreePanel组件

阅读更多
如何用静态JSON数据作为TreePanel数据源?
有人从TreeLoader继承实现了TreeStoreLoader,可直接引用Store。经测试发现该类无法工作,而且调试麻烦。

从root节点下手,一次性把数据放到树节点上,在AsyncTreeNode的children属性赋值给JSON对象。
分享到:
评论
2 楼 kdmhh 2010-10-26  
没看明白,最好能给了例子哈。
1 楼 flyfan 2010-06-20  
高手,帮了我的大忙,谢谢呀

相关推荐

    Ext.Tree.Panel

    - 使用`Ext.data.TreeStore`可以更灵活地管理树的数据源,支持远程数据加载和实时更新。 8. **示例代码**: 示例代码中,`treePanel.html`定义了HTML结构,`treePanel.js`包含了`TreePanel`的创建和配置。`...

    Ext.tree.TreeLoader附带封装的json类

    `Ext.tree.TreeLoader`是Ext JS库中的一个组件,它负责加载和解析树形结构的数据,而JSON(JavaScript Object Notation)则是一种轻量级的数据交换格式,非常适合于在服务器和客户端之间传输数据。我们将通过实例...

    Ext TreePanel Checked Ext复选框树

    `TreePanel`是`Ext JS`中的一个关键组件,用于展示层次结构的数据,就像操作系统中的文件系统浏览器。在描述中提到的"Ext TreePanel Checked Ext复选框树"是指`TreePanel`的一种特殊形式,它扩展了基本的树视图,...

    treepanel 和 tabpanel 完整

    1. **创建`TreePanel`**:定义`TreePanel`的配置,包括数据源、节点的字段、样式等。 2. **定义`TabPanel`**:创建`TabPanel`,设置默认标签页或预留空间用于动态添加。 3. **关联`TreePanel`和`TabPanel`**:为`...

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

    NULL 博文链接:https://maoyi606.iteye.com/blog/1782825

    Extjs4 treePanel节点刷新JS函数

    完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.

    FileTreePanel扩展至Ext.tree.TreePanel附带基本的文件/文件夹管理功能 其它还包括文件上传,重命名

    FileTreePanel扩展至Ext.tree.TreePanel附带基本的文件/文件夹管理功能 其它还包括文件上传,重命名

    DWR方式动态加载EXT.Tree

    这个方法可以接受必要的参数,例如查询条件,然后从数据库或其他数据源中检索数据并转换为JSON格式。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,...

    ExtJs3.* 分页树 Ext.ux.tree.PagingTreeLoader

    要使用`Ext.ux.tree.PagingTreeLoader`,你需要配置一个`TreePanel`,并设置其`loader`属性为`PagingTreeLoader`实例。这个加载器需要与一个支持分页的服务器端接口配合,该接口能够根据请求的页码和每页大小返回...

    extjs关于treePanel+chekBox全部选中以及清空选中问题探讨

    代码如下: //树 var treePanel = new Ext.tree.TreePanel({ id:’ptree’, region:’west’, layout:’anchor’, border:false, rootVisible: false, root:{}, listeners:{ render: function() { authorityTree...

    extTree例子点击出现等

    1. 首先,定义一个`Ext.tree.Panel`,配置好数据源(`store`)、视图配置(`viewConfig`)以及监听事件(如`itemclick`)。 2. 在事件处理器中,获取到被点击的节点对象,通过`getNodeById`或`getSelectionModel()....

    ext tree json 例子(不含EXT包)

    "ext tree json 例子(不含EXT包)"这个标题暗示我们将讨论如何在不直接引用EXT完整包的情况下,仅使用EXT JS中关于TreePanel和JSON解析的部分来构建一个动态的树形结构。这可能涉及到手动引入EXT的核心组件,如...

    关于extjs treepanel复选框选中父节点与子节点的问题

    代码如下: var Fpanel = new Ext.tree.TreePanel({ id:’ptree’, region:’west’, layout:’anchor’, border:false, rootVisible: false, root:new Ext.tree.AsyncTreeNode({}), listeners:{ “checkchange”: ...

    treepanel动态加载数据实现代码

    代码如下: var tree = new Ext.tree.TreePanel({ region:’west’, title:’站点树:’, width:200, minSize:150, maxSize:200, iconCls:’ux-auth-menu-header-icon’, split:true, autoScroll:true, autoHeight:...

    [Ext 3.x + Ext 2.x] 下拉树 Ext.ux.ComboBoxTree

    【Ext 3.x + Ext 2.x 下拉树 Ext.ux.ComboBoxTree】是基于ExtJS框架的一个组件,它结合了下拉框(ComboBox)和树形控件(TreePanel)的功能,提供了一种用户友好的选择界面。在网页应用中,这种控件常用于展示层级...

    Ext树例子

    在IT领域,ExtJS是一个广泛...`tree1.txt`和`tree2.txt`文件提供了创建树的数据源,通过解析这些文件,我们可以构建出具有实际数据的交互式树形视图。理解并实践这些例子,对于深入学习和应用ExtJS的树组件至关重要。

    treepanel实例

    Tree Panel的数据源通常是一个`TreeStore`,它扩展了Ext.data.Store,专门处理树形结构数据。每个节点对应一个模型(Model),模型定义了节点的属性和行为。例如,可以创建一个名为`TreeNode`的模型,包含`text`、`...

    Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码

    其中Ext.tree.TreeNode代表一个树节点,比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 ...

    JSP EXT 遍历 TREE

    总结来说,"JSP EXT 遍历 TREE"涉及的技术点包括:EXT框架的使用,TREE组件的遍历,JavaScript与JSP的交互,以及JSON数据作为TREE的数据源。通过理解和应用这些知识点,开发者能够创建出动态的、交互式的TREE视图,...

    exxtjs4.0中树的用法

    EXTJS 4的树组件不再直接继承自`Ext.tree.TreePanel`,而是使用`Ext.tree.Panel`,同时引入了`Ext.data.TreeStore`作为数据存储。 在EXTJS 3.x中,创建一个树形面板的示例如下: ```javascript var tree = new Ext...

Global site tag (gtag.js) - Google Analytics