Ext2.x的Tree不支持加载本地数据,项目需要自己重写源码.
TreeLoader源码的load方法添加:
load : function(node, callback){
if(this.localData){
this.handleLocalData(node,callback);
return;
}
....
然后主要处理方法handleLocalData:
//handle local data
handleLocalData:function(node, callback){
if(this.doPreload(node)){
if(typeof callback == "function"){
callback();
}
return;
}
if (this.clearOnLoad) {
while (node.firstChild) {
node.removeChild(node.firstChild);
}
}
this.transId = false;
//copy a data from source
try {
var o = this.localData;
node.beginUpdate();
for(var i = 0, len = o.length; i < len; i++){
var n = this.createNode(o[i]);
if(n){
node.appendChild(n);
}
}
node.endUpdate();
if(typeof callback == "function"){
callback(this, node);
}
}catch(e){
}
this.fireEvent("load", this, node, this.localData);
}
然后构造treeloader的时候使用localData参数构造,该参数接受一个具有treeNode属性的json对象
分享到:
相关推荐
5. **表格和网格**:Ext.grid组件是展示大量数据的强大工具,支持排序、分页、过滤等功能,并能与Store紧密配合,动态加载数据。 6. **表单处理**:Ext.form组件库提供了创建各种表单元素的能力,如文本框、下拉框...
本篇将详细讲解如何使用`Ext2.2`和`Struts2`集成,通过`JSON`传输数据生成树形结构。 首先,`Ext2.2`的树形组件(TreePanel)是一种强大的可视化工具,能够展示层级关系的数据。它支持动态加载、拖放操作以及多种...
EXT的TREE组件通常与JSON数据源配合使用,通过异步加载或者一次性加载所有数据来构建树结构。这个文件可能包含了节点ID、父节点ID、节点文本等信息,EXT的`TreeStore`会解析这个JSON数据并填充到TREE中。 最后,...
-为TreeNode增加AutoPostBack属性,增加事件数据类TreeCheckEventArgs,为Tree增加事件NodeCheck。 -示例在:http://extasp.net/data/tree_run.aspx -Grid增加GetNoSelectionAlertInParentReference函数,用来...
在Ext2.2版本中,API包括了各种组件、数据管理、布局、事件处理、动画效果等多个方面的内容。 1. **组件系统**:ExtJS的组件模型是其核心部分,包括窗口(Window)、面板(Panel)、表单(Form)、表格(Grid)、树...
在Ext JS 2.2中,开发者可以找到一系列组件,包括数据绑定的网格、表单、树形视图、菜单、工具提示、对话框、面板、布局管理器等。这些组件极大地简化了复杂的用户界面的创建,使得开发者可以专注于业务逻辑而不是UI...
7.5.5 ext.data.treestore加载数据的方法 / 354 7.5.6 store的配置项 / 358 7.5.7 store的分页 / 359 7.5.8 store的排序:ext.util.sorter与ext.util.sortable / 360 7.5.9 store的过滤:ext.util.filter / 363...
接下来,我们需要创建一个`Ext.tree.Panel`实例,指定树的数据源、根节点ID和其他配置项。例如: ```javascript Ext.create('Ext.tree.Panel', { title: '树形结构示例', store: { root: { id: '0', expanded:...
1ext2.2源码及例子 2深入浅出extJs例子 3自己写的例子 470过个插件 新增内容: 1通过dtree将所有例子搞成一颗树,方便大家观看效果 2新增dhtmlx上传文件 3新增EXT异步加载树 4动态修改树节点图标和提示层 5ext结合...
6.3.4 在form中使用Ext.Direct加载数据 185 6.3.5 在form中使用Ext.Direct提交数据 187 6.3.6 使用polling方式进行轮询 189 6.4 本章小结 191 第7章 Store 192 7.1 Store的结构 192 7.2 Ext.data.Field 197 7.3 Ext....
先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的三重门 4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式...
2. 树形视图(Tree):展示层次结构数据的控件,可以进行折叠/展开操作。 3. 表单(Form):提供各种输入控件,如文本框、下拉框、日期选择器等,支持验证和数据提交。 4. 窗口(Window):可移动和调整大小的弹出式...
先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的三重门 4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式...
ComboBox用于展示树状结构的选项,而Tree Panel则负责加载和显示实际的树形数据。 ```javascript var treeCombo = Ext.create('Ext.form.ComboBox', { fieldLabel: '连锁总店', queryMode: 'local', editable: ...
- **异步加载**:利用Ext.Ajax或Ext.data.Store进行异步数据请求,提高页面响应速度。 - **组件化**:组合使用ExtJs的各种组件(如Grid、Form、Tree等)来构建复杂的UI。 - **数据绑定**:使用Store与View的双向...
4. **动态加载数据**:对于拥有大量数据的树,可以使用异步加载,即当节点被展开时才请求其子节点数据。这可以通过设置`TreeStore`的`async`属性和配置`proxy`来实现。 5. **自定义节点模板**:如果需要自定义节点...
10.1.5 读取本地JSON数据 10.2 树的事件 10.3 右键菜单 10.4 修改节点的默认图标 10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子...
例如,Grid组件允许数据的动态加载和排序,而表单组件则支持各种输入控件和验证机制。 内存补丁的整合意味着在使用ExtJS 2.2开发应用时,程序的运行效率和内存使用将得到更好的控制。内存泄漏通常是JavaScript应用...
console.error('加载数据失败:', error); } }); DWRGridLoader.loadGridData(); // 调用DWR代理的loadGridData方法 ``` ##### 2.2 DWR TreeLoader 类似地,对于Tree控件,可以使用DWR TreeLoader来异步加载树...