0 0

EXT4.0 tree动态加载的问题 亲!0

现在需要动态的去加载一些节点的信息

如 : 树的初始化只加载了1,2层

然后当我点击一个按钮  我需要展开3 4 5层

肯定是先展开3层 然后3层加载完成后再加载4层 再5层

查询了API的一些资料 一些如expand() load的方法都为异步加载

目前是一个循环加载3 4 5

然后是加载了3层 循环马上去调用4层 出现了null 而抛异常 在方法上写上同步貌似也没用  求各位亲帮忙了!

问题补充:主要是一个层级的关系 

我在树上做一个模糊的查询功能。如初始化加载出了 1,2层,然后我模糊查询的内容是在第6层,那么就需要以此展开 3 4 5层  5为4的子节点,4为3的子节点 这样!

问题补充:代码:
Ext.Ajax.request({  
url: "searchDepartment.action",  
params:{searchText:'查询的内容'},
async:false,
success: function(response, config){
                //返回需要加载的ID 带层级的如  1,2,3
var llbxl=Ext.decode(response.responseText).allnodes;

for(var num=0;num<llbxl.length;num++){
if(Ext.getCmp('deptCheckTree').store.getNodeById(''+llbxl[num])!=null)
{
Ext.getCmp('deptCheckTree').store.getNodeById(''+llbxl[num]).expand();
}
} );
2012年12月05日 11:03

2个答案 按时间排序 按投票排序

0 0

采纳的答案

你是异步加载的,需要在3加载完之后在回调方法里在循环掉4,在4的回调方法里循环掉5

2012年12月05日 11:32
0 0

给你看下我的代码,我的是基于Ext2.2的,我想4.0的应该也有此方法吧

  	/*定义功能菜单树*/
  	var root = new Ext.tree.AsyncTreeNode({
  		text : root_menuname,
  		expanded : true,
  		id : '00'
  	});
  	var menuTree = new Ext.tree.TreePanel({
  		id:'leafMenuTree',
  		loader : new Ext.tree.TreeLoader({
  			baseAttrs : {},
  			dataUrl : 'menu/treelist'
  		}),
 		root : root,
 		autoScroll : false,
 		animate : false,
 		useArrows : false,
 		border : false
  	});

当点击id:00的根节点,就会向dataUrl : 'menu/treelist'传一个node = 00 的参数,根据父结点等于00,返回下一级结点,返回格式按Ext Tree要求的格式返回。然后点击返回的一级菜单时,同样的处理,传一个node值为此菜单id的参数给menu/treelist处理。。。依此类推!

2012年12月05日 11:24

相关推荐

    Ext4.0中文api[帮助文档]

    Ext4.0中文API是针对Ext JS 4.0框架的中文参考文档,它为开发者提供了详尽的API接口信息,使得在中国地区的开发者能够更好地理解和使用这个强大的JavaScript库。Ext JS是一个用于构建富互联网应用程序(RIA)的前端...

    Ext TreePanel Checked Ext复选框树

    在IT领域,特别是前端开发中,`Ext JS`是一个广泛使用的JavaScript库,它提供了一整套组件和工具,用于构建富交互式的Web应用程序。`TreePanel`是`Ext JS`中的一个关键组件,用于展示层次结构的数据,就像操作系统中...

    Extjs4.0+MVC模式+存动态加载

    在这个主题中,我们将深入探讨如何在ExtJS 4.0中结合MVC模式实现动态加载功能。 **MVC模式** MVC模式是一种软件设计模式,它将应用程序分为三个主要部分:模型(Model)、视图(View)和控制器(Controller)。在...

    Ext 中的Tree实现不同节点不同的右键菜单

    `ajax`可能用于实现异步加载树数据,而`treedemo`可能是演示如何实现上述功能的示例代码。分析这些文件可以帮助我们更好地理解如何在`ExtJS`中实现这一特性。 总结起来,`ExtJS`的`Tree`组件结合`contextmenu`事件...

    ext 下拉树

    在Ext 4.0版本中,下拉树的实现主要依赖于几个关键组件:`Ext.tree.Panel`(树面板)、`Ext.form.field.Tree`(树形字段)以及可能用到的`Ext.data.TreeStore`(树存储)。下面我们将详细探讨这些知识点: 1. **Ext...

    extjs4.0 实现了主页面框架 动态菜单 例子 表单 ajax

    extjs4.0 实现了主页面框架(主框架使用Ext.Viewport,banner使用Ext.panel.Panel,通过toolbar来放置按钮),包括左侧动态菜单实现(采用Ext.tree.Panel)动态从数据库加载数据来显示菜单(后台代码也在了通过json...

    exxtjs4.0中树的用法

    在EXTJS 4.0中,相比于之前的版本,树形组件(Tree)的用法有了显著的变化。EXTJS 4引入了大量的改进和重构,包括命名规范的调整、组件的继承结构变化以及数据存储结构的更新,这使得EXTJS 4在功能和性能上都有所...

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...

    extjs4.0整套开发工具

    而`ext-4.0-beta3.zip` 可能是EXTJS 4.0 beta3版本的代码,通常在正式发布前,开发团队会发布多个beta版本,以便社区测试和反馈问题。 四、`ExtDesign.zip`: 这个文件可能包含EXTJS Design的安装文件或资源,帮助...

    免费 Extjs4.0教程视频

    #### 第九讲:Extjs 4.0的core包和Ext类 - **core包和Ext类**: - core包包含了一系列核心工具类和实用函数。 - Ext类是Extjs中的基础类,提供了许多常用的功能。 - **深入解析**: - 详细介绍core包中的关键类和...

    extjs4.0开发教程

    - **异步加载机制**:ExtJS 4.0 支持异步加载组件,这有助于减少初始加载时间并提高应用程序的整体性能。 - **DOM 操作优化**:框架内部对 DOM 操作进行了优化,提高了渲染速度和响应性。 ##### 4. 改善的文档和...

    网上商城源代码

    在构建网上商城时,开发者可能利用了Ext4.0的Grid Panel展示商品列表,Form Panel处理用户注册和登录,Tree Panel组织分类结构等。 2. **电子商务功能**:网上商城的核心功能包括商品浏览、购物车、订单系统、支付...

    extjs4.0 MVC 示例代码

    EXTJS提供了一系列丰富的组件,如Grid、Tree、Form等,这些组件可以直接绑定到模型或商店,实现数据的动态渲染。视图也可以通过事件监听器与控制器进行通信。 **5. Controller** 控制器是EXTJS MVC的核心,它负责...

    Extjs4.0视频教程和源代码,另附文档翻译

    - **Tree高级组件**:讲解了Tree组件的特性和使用技巧,包括异步加载、拖拽操作等功能。 - **Form高级组件**:介绍了Form组件的特点,如字段布局、验证规则设置等。 - **Panel和Layout**:深入探讨Panel组件以及...

    EXTJS4.0视频教程

    - **模块化架构**:采用了更灵活的模块化设计,便于开发者选择所需的功能模块进行加载,减少不必要的资源消耗。 - **增强的数据包管理**:对数据包进行了重构,支持更为复杂的数据处理逻辑,如分页、排序等。 - **新...

    extjs4 MVC2 TreePanel动态JSON实现

    通过`Ext.create`方法创建了一个名为`TreeStore`的实例,并设置了其代理(`proxy`)属性为Ajax类型,以便能够从服务器端动态加载JSON格式的数据。 ```javascript var TreeStore = Ext.create('Ext.data.TreeStore',...

    ExtJSWeb应用程序开发指南(第2版)

    前言 第1章 认识ExtJS 1.1 ExtJS的精彩表现 1.2 ExtJS的前世今生 ...第13章 Tree组件 第14章 ExtJS与服务端框架的整合 第15章 主题 第16章 Ext.Direct 第17章 Draw图形 第18章 Chart图表 附录A

    EXTJS4.0.7下载

    同时,它还提供了延迟加载(Lazy Loading)和分块加载(Chunk Loading)机制,减少了初始页面加载时间和内存占用。 在压缩包"ext-4.0.7-gpl"中,包含了EXTJS4.0.7的所有源代码、库文件、示例、文档和资源。开发者...

    extjsweb教程

    extjsweb教程是一本面向初学者的实践指南,旨在帮助读者快速掌握Ext JS 4.0企业应用开发。Ext JS是一个广泛使用的前端JavaScript框架,主要用于构建交互式的Web应用程序。它提供了一套丰富的用户界面组件,可以轻松...

    ExtJS4中文教程2 开发笔记 chm

    ExtJS 4中动态加载的路径设置 Extjs4 API文档阅读(一)——类系统(Class System) Extjs4 API文档阅读(三)——布局和容器 Extjs4 API文档阅读(二)——MVC构架(上) Extjs4 API文档阅读(二)——MVC构架(下) Extjs4...

Global site tag (gtag.js) - Google Analytics