在一个目录层次比较多的Tree中,一次性构造一棵树,不是一个好的实践,因为那样在Tree加载时,会耗用过多的时间,所以,利用异步的方式构建Tree就显得重要了。
Ext.tree.TreePanel从机制上,提供了异步加载的机制,通过对‘beforeload’事件的响应:
var treeUrl ='url';
new Ext.tree.TreePanel({
...
root : new Ext.tree.AsyncTreeNode({
id:'root'
}),
listeners : {
'beforeload':function(node){
if(node.id == 'root')
{
tree.loader.dataUrl=treeUrl;
}
else
{//Url和需要的参数
tree.loader.dataUrl=treeUrl+'?id='+node.id+'&text='+encodeURI(encodeURI(node.text));//
}
}
}
});
ExtJS会自动的处理这个事件的调用:当TreeNode的leaf属性为false,第一次打开时,就调用所定义的url,加载下级数据,且这个数据只加载一次。
分享到:
相关推荐
extjs异步树,多选树,json数据机构,集成spring,struts例子,extjs异步树,多选树,json数据机构,集成spring,struts例子,extjs异步树,多选树,json数据机构,集成spring,struts例子,extjs异步树,多选树,json...
在家研究了一下extjs异步树,-每个节点都异步加载-前后台代码都有-附整个工程-运行通过-前台代码请看doctree.js,后台代码请看TreeService.java,运行环境:Myeclipse6.5+tomcat7.0.27
extjs tree 异步加载树型完整的一个web工程,自已已经试过,可用。
AJAX: 以JSON数据格式,使用ExtJS构造动态异步加载的树。
extjs4,当点击左边的树,右边会生成相应的面板,代码精简,欢迎大家来学习,有问题可以直接交流。
NULL 博文链接:https://kaobian.iteye.com/blog/996146
说明:本例主要实现在树节点数据过多的情况下对数据进行异步请求,并且在请求数据返回前台的同时实现级联选择。使用ExtJs版本为4.1.1a,在struts2下测试通过。例子仅供提供思路,简单易懂,不负责代码优化,哈哈!
extjs实现动态树加载菜单
NULL 博文链接:https://lpcjrflsa.iteye.com/blog/1704537
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
extJs 2,异步树,ext2源程序,tree; 一个完整的extJs 2Tree 例子.
ExtJS4下拉树组件 ExtJS4下拉树组件
extjs实现动态树
ExtJs4.2没有直接提供下拉树这个组件,但是有例子可以用,文件位置:ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧:默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 所以我做了一...
ExtJs中Store加载(load)时候提示信息
Extjs动态菜单可添加子项和编辑子项,拖动保存、dwr实现存储数据。
资料中有关于ajax框架中的Extjs框架的详细解释,异步请求和响应,以及一些特殊的用途.
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
ExtJs3下拉树 分两种方式调用:第一种: xtype : 'combotree', name : 'dm', fieldLabel : 'dm', tree : this.ct this.ct = new Ext.tree.TreePanel({ autoScroll : true, height : 250, border : false, ...