`
air_fans
  • 浏览: 7428 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Ext2.2 Tree加载本地数据

阅读更多
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对象
分享到:
评论

相关推荐

    Ext2.2 实例和官方文档

    5. **表格和网格**:Ext.grid组件是展示大量数据的强大工具,支持排序、分页、过滤等功能,并能与Store紧密配合,动态加载数据。 6. **表单处理**:Ext.form组件库提供了创建各种表单元素的能力,如文本框、下拉框...

    ext2.2+struts2使用json传输数据生成的树

    本篇将详细讲解如何使用`Ext2.2`和`Struts2`集成,通过`JSON`传输数据生成树形结构。 首先,`Ext2.2`的树形组件(TreePanel)是一种强大的可视化工具,能够展示层级关系的数据。它支持动态加载、拖放操作以及多种...

    JSP EXT 遍历 TREE

    EXT的TREE组件通常与JSON数据源配合使用,通过异步加载或者一次性加载所有数据来构建树结构。这个文件可能包含了节点ID、父节点ID、节点文本等信息,EXT的`TreeStore`会解析这个JSON数据并填充到TREE中。 最后,...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为TreeNode增加AutoPostBack属性,增加事件数据类TreeCheckEventArgs,为Tree增加事件NodeCheck。 -示例在:http://extasp.net/data/tree_run.aspx -Grid增加GetNoSelectionAlertInParentReference函数,用来...

    Ext22中文API(完整版)

    在Ext2.2版本中,API包括了各种组件、数据管理、布局、事件处理、动画效果等多个方面的内容。 1. **组件系统**:ExtJS的组件模型是其核心部分,包括窗口(Window)、面板(Panel)、表单(Form)、表格(Grid)、树...

    extjs2.2英文文档

    在Ext JS 2.2中,开发者可以找到一系列组件,包括数据绑定的网格、表单、树形视图、菜单、工具提示、对话框、面板、布局管理器等。这些组件极大地简化了复杂的用户界面的创建,使得开发者可以专注于业务逻辑而不是UI...

    Ext Js权威指南(.zip.001

    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...

    ExtJs树形结构 ext的简单应用

    接下来,我们需要创建一个`Ext.tree.Panel`实例,指定树的数据源、根节点ID和其他配置项。例如: ```javascript Ext.create('Ext.tree.Panel', { title: '树形结构示例', store: { root: { id: '0', expanded:...

    Ext学习必备,涵盖大量实例,插件,其他有用组件

    1ext2.2源码及例子 2深入浅出extJs例子 3自己写的例子 470过个插件 新增内容: 1通过dtree将所有例子搞成一颗树,方便大家观看效果 2新增dhtmlx上传文件 3新增EXT异步加载树 4动态修改树节点图标和提示层 5ext结合...

    Ext+JS高级程序设计.rar

    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....

    Ext 开发指南 学习资料

    先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的三重门 4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式...

    extjs 2.2 api 安装版

    2. 树形视图(Tree):展示层次结构数据的控件,可以进行折叠/展开操作。 3. 表单(Form):提供各种输入控件,如文本框、下拉框、日期选择器等,支持验证和数据提交。 4. 窗口(Window):可移动和调整大小的弹出式...

    EXT2.0中文教程

    先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的三重门 4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式...

    Extjs 4.1 下拉框 Tree 的实现(mvc)

    ComboBox用于展示树状结构的选项,而Tree Panel则负责加载和显示实际的树形数据。 ```javascript var treeCombo = Ext.create('Ext.form.ComboBox', { fieldLabel: '连锁总店', queryMode: 'local', editable: ...

    ExtJs 2.2 简明教程 02 基础知识

    - **异步加载**:利用Ext.Ajax或Ext.data.Store进行异步数据请求,提高页面响应速度。 - **组件化**:组合使用ExtJs的各种组件(如Grid、Form、Tree等)来构建复杂的UI。 - **数据绑定**:使用Store与View的双向...

    Extjs树Demo

    4. **动态加载数据**:对于拥有大量数据的树,可以使用异步加载,即当节点被展开时才请求其子节点数据。这可以通过设置`TreeStore`的`async`属性和配置`proxy`来实现。 5. **自定义节点模板**:如果需要自定义节点...

    精通JS脚本之ExtJS框架.part1.rar

    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 叶子...

    extjs2.2已整合内存补丁

    例如,Grid组件允许数据的动态加载和排序,而表单组件则支持各种输入控件和验证机制。 内存补丁的整合意味着在使用ExtJS 2.2开发应用时,程序的运行效率和内存使用将得到更好的控制。内存泄漏通常是JavaScript应用...

    ExtJS对Ajax的支持

    console.error('加载数据失败:', error); } }); DWRGridLoader.loadGridData(); // 调用DWR代理的loadGridData方法 ``` ##### 2.2 DWR TreeLoader 类似地,对于Tree控件,可以使用DWR TreeLoader来异步加载树...

Global site tag (gtag.js) - Google Analytics