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

Ext Tree与 store 操作

 
阅读更多
 

//获取 json 文件的数据

var treestore = Ext.create('Ext.data.TreeStore', {
        root: {
            expanded: true
        },
        proxy: {
            type: 'ajax',
            url: 'tree-data.json'
        }
});

//创建panel
var treePanel = Ext.create(Ext.tree.TreePanel,{
        // renderTo: Ext.getBody(),
        title:'静态分析',
        split: true,
        rootVisible: false,
        autoScroll: true,
        store:treestore

});

//下面是 操作treeStore的方法

var rootNode = treestore.getRootNode();
var root = rootNode.childNodes;  // 这样就取得了array 类型的跟节点
var childs = root[0].childNodes;   // 这样就获取到了
root的子节点 


需要注意的是 在treestore.getRootNode(); 执行的时候 获取json文件因为是异步执行 数据没有载入到store内
就获取root 而 root为空  解决办法是  为treestore 加入监听事件

listeners:{
       'load':function(){
                alert(this);
       }
}

这下子就可以正常获取到数据了


分享到:
评论
1 楼 hzxlb910 2012-12-20  
怎么没有源码下载呢

相关推荐

    EXT tree 使用 实例 最新

    1. **配置项与属性**:EXT Tree允许通过配置项定制其行为和外观。例如,`rootVisible` 控制是否显示根节点,`nodeType` 定义节点类型,`expanded` 决定节点默认是否展开,`children` 是包含子节点的数据数组。 2. *...

    ext TREE

    5. 链接Store和Nodes:将Tree Store与TreeNode绑定,设置Tree Panel的数据源。 6. 添加到页面:将Tree Panel添加到页面布局中。 7. 调试和优化:根据实际效果调整配置,确保Tree组件正常工作。 EXT JS Tree组件的...

    extTree例子点击出现等

    ExtTree是Ext JS库中的一个组件,用于创建和展示树形结构的数据。它在Web应用程序中广泛使用,特别是在需要组织和导航层次结构信息时。在本案例中,“extTree例子点击出现界面”指的是用户在浏览ExtTree时,通过点击...

    EXT tree学习 参考

    博文链接中提到的是ITEYE博客的一篇文章,可能详细讲解了EXT Tree的使用方法和示例代码,建议查阅该文章以获取更具体的操作步骤和实践案例。 EXT Tree的源码分析可以帮助开发者深入理解其内部工作原理,例如节点的...

    ext grid tree 应用

    5. **EXT JS与数据库的交互**: 这个例子中,EXT JS组件与数据库的通信可能是通过AJAX请求实现的,使用了Ext.data.Model和Ext.data.Store。Store负责管理数据,当数据发生变化时,它会自动发送请求到服务器进行数据...

    Ext 带多选的Tree

    6. **数据加载与渲染**:EXT JS的Tree组件通常与后端服务进行交互,通过`store`加载树数据。在`TreeCheckNode.js`中,我们可能会看到如何定义`store`以及如何将JSON数据转化为Tree节点的数据模型。 综上所述,"Ext ...

    ext tree 分页

    通过设置`store`属性将分页工具栏与树的store关联起来,分页工具栏会自动处理分页请求。 ```javascript var pagingToolbar = Ext.create('Ext.toolbar.Paging', { store: store, dock: 'bottom' }); ``` 5. ...

    ext tree grid 的高级实例运用

    在与`Tree`结合的情况下,`Grid`可以显示与树形结构相关的详细信息。例如,当用户选择一个树节点时,与其相关的数据行会出现在`Grid`中,这提供了更丰富的上下文信息,帮助用户理解数据间的关联。 `Panel`是EXT JS...

    ext tree json 例子(不含EXT包)

    在本例中,我们将探讨EXT JS Tree与JSON数据的结合使用,以及如何在不依赖EXT包的情况下实现这些功能。 "ext tree json 例子(不含EXT包)"这个标题暗示我们将讨论如何在不直接引用EXT完整包的情况下,仅使用EXT JS...

    ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

    这些操作的实现会涉及到与后端服务器的通信,可能使用Ajax请求,通过Ext JS的数据模型(Model)和存储(Store)来同步数据。 【标签】"ext ext_tr ext_tre ext.tr ext.tree" 提供了关于主题的一些关键词。"ext"是指...

    JSP EXT 遍历 TREE

    在这个场景中,"JSP EXT 遍历 TREE"涉及到的是如何在JSP页面上使用EXT框架来遍历和操作TREE组件。 首先,EXT-all.css和ext-all.js是EXT框架的核心文件。前者包含了EXT所有组件的样式,确保界面的美观和一致性;后者...

    Ext TreePanel Checked Ext复选框树

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

    Ext Tree 3.2.1

    Ext Tree 3.2.1 是一个用于构建交互式树形结构的JavaScript库,它是Ext JS框架的一个组件。Ext JS是一个强大的客户端JavaScript库,用于创建富互联网应用程序(RIA)。在这个3.2.1版本中,它包含了完整的源代码、...

    EXT 树形结构样例

    这个"EXT 树形结构样例"提供了使用JSON格式返回数据类型的具体示例,帮助开发者理解如何有效地构建和操作EXT Tree。 首先,让我们深入理解EXT Tree的基本概念。EXT Tree是由节点(Nodes)组成的,每个节点可以有子...

    Ext4tree与后台交互

    在"Ext4 tree与后台交互"这个主题中,我们将深入探讨如何使用Ext4的TreePanel与后端进行数据交换,以及如何处理json数据。 首先,`TreeNode.java`可能是Java后端用于表示树节点的数据类。在Java中,树节点通常包含...

    Ext checktree

    4. **数据绑定**:与Ext JS中的其他组件一样,checktree可以绑定到数据源(如Store),动态加载和更新树结构。数据源可以是JSON、XML或其他格式,通过配置`root`属性来定义根节点。 5. **自定义节点模板**:可以通过...

    解析Xml构建Ext树形菜单

    4. **创建树形菜单**:接下来,创建一个`Ext.tree.Panel`实例,指定store和root配置。`rootVisible`参数决定是否显示根节点,`displayField`则是显示节点时使用的字段: ```javascript var tree = new Ext.tree....

    EXT TreeFilter 插件

    EXT TreeFilter插件是EXT库中的一个强大工具,主要用于增强EXT的Tree组件的功能,特别是针对树形结构数据的快速搜索和过滤。EXT Tree是EXT框架中用于展示层次结构数据的组件,它通常用于构建具有多级目录结构的应用...

    DWR方式动态加载EXT.Tree

    总的来说,“DWR方式动态加载EXT TreePanel”是一种结合了EXT JS强大的前端组件能力和DWR高效通信机制的技术方案,它使得动态展示和操作层次数据变得更加便捷和高效。在实际项目中,根据具体需求,我们可以灵活调整...

    关于extjs ext.tree

    下面我们将详细讨论`ext.tree`的主要特性与使用方法: 1. **配置项**: - `root`: 树的根节点,可以设置为一个TreeNode对象或者配置对象。 - `store`: 存储树数据的Store对象,通常使用TreeStore来管理节点数据。...

Global site tag (gtag.js) - Google Analytics