关于树列表刷新的总结 Ext tree refresh

最新推荐文章于 2020-12-30 15:07:46 发布

原创最新推荐文章于 2020-12-30 15:07:46 发布 · 3.0k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #JSP

ExtJs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在ExtJS框架中对树形控件进行刷新的两种实现方式：一种是通过reload方法来更新现有树节点；另一种是创建新的TreeLoader实例加载数据，从而达到刷新树形控件的目的。

我使用了两种方式

一是reload

tools:[{
   id:'refresh',
   on:{
    click:function(){
     tree_refresh();//调用刷新的函数
    }
   }
}],

function tree_refresh(){
var tree = Ext.getCmp('phonetree');
tree.body.mask('loading...','x-mask-loading');
tree.root.reload();
tree.root.collapse(true,true);
setTimeout(function(){
tree.body.unmask();
tree.root.expand(true,true);
},1000);
alert("ok");
};

二是重新加载

tools:[{
   id:'refresh',
   on:{
    click:function(){
     tree_refresh();//调用刷新的函数
    }
   }
}],

function tree_refresh(){
var tree = Ext.getCmp('phonetree');
var loader = new Ext.tree.TreeLoader({dataUrl:'phoneService.jsp'});
loader.load(tree.root);

};