//获取 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. **配置项与属性**:EXT Tree允许通过配置项定制其行为和外观。例如,`rootVisible` 控制是否显示根节点,`nodeType` 定义节点类型,`expanded` 决定节点默认是否展开,`children` 是包含子节点的数据数组。 2. *...
5. 链接Store和Nodes:将Tree Store与TreeNode绑定,设置Tree Panel的数据源。 6. 添加到页面:将Tree Panel添加到页面布局中。 7. 调试和优化:根据实际效果调整配置,确保Tree组件正常工作。 EXT JS Tree组件的...
ExtTree是Ext JS库中的一个组件,用于创建和展示树形结构的数据。它在Web应用程序中广泛使用,特别是在需要组织和导航层次结构信息时。在本案例中,“extTree例子点击出现界面”指的是用户在浏览ExtTree时,通过点击...
博文链接中提到的是ITEYE博客的一篇文章,可能详细讲解了EXT Tree的使用方法和示例代码,建议查阅该文章以获取更具体的操作步骤和实践案例。 EXT Tree的源码分析可以帮助开发者深入理解其内部工作原理,例如节点的...
5. **EXT JS与数据库的交互**: 这个例子中,EXT JS组件与数据库的通信可能是通过AJAX请求实现的,使用了Ext.data.Model和Ext.data.Store。Store负责管理数据,当数据发生变化时,它会自动发送请求到服务器进行数据...
6. **数据加载与渲染**:EXT JS的Tree组件通常与后端服务进行交互,通过`store`加载树数据。在`TreeCheckNode.js`中,我们可能会看到如何定义`store`以及如何将JSON数据转化为Tree节点的数据模型。 综上所述,"Ext ...
通过设置`store`属性将分页工具栏与树的store关联起来,分页工具栏会自动处理分页请求。 ```javascript var pagingToolbar = Ext.create('Ext.toolbar.Paging', { store: store, dock: 'bottom' }); ``` 5. ...
在与`Tree`结合的情况下,`Grid`可以显示与树形结构相关的详细信息。例如,当用户选择一个树节点时,与其相关的数据行会出现在`Grid`中,这提供了更丰富的上下文信息,帮助用户理解数据间的关联。 `Panel`是EXT JS...
在本例中,我们将探讨EXT JS Tree与JSON数据的结合使用,以及如何在不依赖EXT包的情况下实现这些功能。 "ext tree json 例子(不含EXT包)"这个标题暗示我们将讨论如何在不直接引用EXT完整包的情况下,仅使用EXT JS...
这些操作的实现会涉及到与后端服务器的通信,可能使用Ajax请求,通过Ext JS的数据模型(Model)和存储(Store)来同步数据。 【标签】"ext ext_tr ext_tre ext.tr ext.tree" 提供了关于主题的一些关键词。"ext"是指...
在这个场景中,"JSP EXT 遍历 TREE"涉及到的是如何在JSP页面上使用EXT框架来遍历和操作TREE组件。 首先,EXT-all.css和ext-all.js是EXT框架的核心文件。前者包含了EXT所有组件的样式,确保界面的美观和一致性;后者...
`TreePanel`是`Ext JS`中的一个关键组件,用于展示层次结构的数据,就像操作系统中的文件系统浏览器。在描述中提到的"Ext TreePanel Checked Ext复选框树"是指`TreePanel`的一种特殊形式,它扩展了基本的树视图,...
Ext Tree 3.2.1 是一个用于构建交互式树形结构的JavaScript库,它是Ext JS框架的一个组件。Ext JS是一个强大的客户端JavaScript库,用于创建富互联网应用程序(RIA)。在这个3.2.1版本中,它包含了完整的源代码、...
这个"EXT 树形结构样例"提供了使用JSON格式返回数据类型的具体示例,帮助开发者理解如何有效地构建和操作EXT Tree。 首先,让我们深入理解EXT Tree的基本概念。EXT Tree是由节点(Nodes)组成的,每个节点可以有子...
在"Ext4 tree与后台交互"这个主题中,我们将深入探讨如何使用Ext4的TreePanel与后端进行数据交换,以及如何处理json数据。 首先,`TreeNode.java`可能是Java后端用于表示树节点的数据类。在Java中,树节点通常包含...
4. **数据绑定**:与Ext JS中的其他组件一样,checktree可以绑定到数据源(如Store),动态加载和更新树结构。数据源可以是JSON、XML或其他格式,通过配置`root`属性来定义根节点。 5. **自定义节点模板**:可以通过...
4. **创建树形菜单**:接下来,创建一个`Ext.tree.Panel`实例,指定store和root配置。`rootVisible`参数决定是否显示根节点,`displayField`则是显示节点时使用的字段: ```javascript var tree = new Ext.tree....
EXT TreeFilter插件是EXT库中的一个强大工具,主要用于增强EXT的Tree组件的功能,特别是针对树形结构数据的快速搜索和过滤。EXT Tree是EXT框架中用于展示层次结构数据的组件,它通常用于构建具有多级目录结构的应用...
总的来说,“DWR方式动态加载EXT TreePanel”是一种结合了EXT JS强大的前端组件能力和DWR高效通信机制的技术方案,它使得动态展示和操作层次数据变得更加便捷和高效。在实际项目中,根据具体需求,我们可以灵活调整...
下面我们将详细讨论`ext.tree`的主要特性与使用方法: 1. **配置项**: - `root`: 树的根节点,可以设置为一个TreeNode对象或者配置对象。 - `store`: 存储树数据的Store对象,通常使用TreeStore来管理节点数据。...