-
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个答案 按时间排序 按投票排序
-
给你看下我的代码,我的是基于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是针对Ext JS 4.0框架的中文参考文档,它为开发者提供了详尽的API接口信息,使得在中国地区的开发者能够更好地理解和使用这个强大的JavaScript库。Ext JS是一个用于构建富互联网应用程序(RIA)的前端...
在IT领域,特别是前端开发中,`Ext JS`是一个广泛使用的JavaScript库,它提供了一整套组件和工具,用于构建富交互式的Web应用程序。`TreePanel`是`Ext JS`中的一个关键组件,用于展示层次结构的数据,就像操作系统中...
在这个主题中,我们将深入探讨如何在ExtJS 4.0中结合MVC模式实现动态加载功能。 **MVC模式** MVC模式是一种软件设计模式,它将应用程序分为三个主要部分:模型(Model)、视图(View)和控制器(Controller)。在...
`ajax`可能用于实现异步加载树数据,而`treedemo`可能是演示如何实现上述功能的示例代码。分析这些文件可以帮助我们更好地理解如何在`ExtJS`中实现这一特性。 总结起来,`ExtJS`的`Tree`组件结合`contextmenu`事件...
在Ext 4.0版本中,下拉树的实现主要依赖于几个关键组件:`Ext.tree.Panel`(树面板)、`Ext.form.field.Tree`(树形字段)以及可能用到的`Ext.data.TreeStore`(树存储)。下面我们将详细探讨这些知识点: 1. **Ext...
extjs4.0 实现了主页面框架(主框架使用Ext.Viewport,banner使用Ext.panel.Panel,通过toolbar来放置按钮),包括左侧动态菜单实现(采用Ext.tree.Panel)动态从数据库加载数据来显示菜单(后台代码也在了通过json...
在EXTJS 4.0中,相比于之前的版本,树形组件(Tree)的用法有了显著的变化。EXTJS 4引入了大量的改进和重构,包括命名规范的调整、组件的继承结构变化以及数据存储结构的更新,这使得EXTJS 4在功能和性能上都有所...
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 ...
而`ext-4.0-beta3.zip` 可能是EXTJS 4.0 beta3版本的代码,通常在正式发布前,开发团队会发布多个beta版本,以便社区测试和反馈问题。 四、`ExtDesign.zip`: 这个文件可能包含EXTJS Design的安装文件或资源,帮助...
#### 第九讲:Extjs 4.0的core包和Ext类 - **core包和Ext类**: - core包包含了一系列核心工具类和实用函数。 - Ext类是Extjs中的基础类,提供了许多常用的功能。 - **深入解析**: - 详细介绍core包中的关键类和...
- **异步加载机制**:ExtJS 4.0 支持异步加载组件,这有助于减少初始加载时间并提高应用程序的整体性能。 - **DOM 操作优化**:框架内部对 DOM 操作进行了优化,提高了渲染速度和响应性。 ##### 4. 改善的文档和...
在构建网上商城时,开发者可能利用了Ext4.0的Grid Panel展示商品列表,Form Panel处理用户注册和登录,Tree Panel组织分类结构等。 2. **电子商务功能**:网上商城的核心功能包括商品浏览、购物车、订单系统、支付...
EXTJS提供了一系列丰富的组件,如Grid、Tree、Form等,这些组件可以直接绑定到模型或商店,实现数据的动态渲染。视图也可以通过事件监听器与控制器进行通信。 **5. Controller** 控制器是EXTJS MVC的核心,它负责...
- **Tree高级组件**:讲解了Tree组件的特性和使用技巧,包括异步加载、拖拽操作等功能。 - **Form高级组件**:介绍了Form组件的特点,如字段布局、验证规则设置等。 - **Panel和Layout**:深入探讨Panel组件以及...
- **模块化架构**:采用了更灵活的模块化设计,便于开发者选择所需的功能模块进行加载,减少不必要的资源消耗。 - **增强的数据包管理**:对数据包进行了重构,支持更为复杂的数据处理逻辑,如分页、排序等。 - **新...
通过`Ext.create`方法创建了一个名为`TreeStore`的实例,并设置了其代理(`proxy`)属性为Ajax类型,以便能够从服务器端动态加载JSON格式的数据。 ```javascript var TreeStore = Ext.create('Ext.data.TreeStore',...
前言 第1章 认识ExtJS 1.1 ExtJS的精彩表现 1.2 ExtJS的前世今生 ...第13章 Tree组件 第14章 ExtJS与服务端框架的整合 第15章 主题 第16章 Ext.Direct 第17章 Draw图形 第18章 Chart图表 附录A
同时,它还提供了延迟加载(Lazy Loading)和分块加载(Chunk Loading)机制,减少了初始页面加载时间和内存占用。 在压缩包"ext-4.0.7-gpl"中,包含了EXTJS4.0.7的所有源代码、库文件、示例、文档和资源。开发者...
extjsweb教程是一本面向初学者的实践指南,旨在帮助读者快速掌握Ext JS 4.0企业应用开发。Ext JS是一个广泛使用的前端JavaScript框架,主要用于构建交互式的Web应用程序。它提供了一套丰富的用户界面组件,可以轻松...
ExtJS 4中动态加载的路径设置 Extjs4 API文档阅读(一)——类系统(Class System) Extjs4 API文档阅读(三)——布局和容器 Extjs4 API文档阅读(二)——MVC构架(上) Extjs4 API文档阅读(二)——MVC构架(下) Extjs4...