如何按需重新加载 Ext.tree.TreePanel? [英] How to reload Ext.tree.TreePanel on demand?
问题描述
我想创建 Ext.tree.TreePanel 组件并定期从外部 URl 加载内容.所以我写了类似的东西
I want to create Ext.tree.TreePanel component and periodically load content from the external URl. So I've written something like
new Ext.tree.TreePanel({
root: {
nodeType: 'async',
text: 'asdasd',
draggable: false,
id: 'folders-tree-root'
},
loader: new Ext.tree.TreeLoader()
});
现在我想重新加载这棵树,所以我写:
And now I want to reload this tree, so I write:
tree.loader.dataUrl = 'folders-sample.json';
tree.root.reload();
什么也没发生.
添加:我发现的唯一方法是在 TreeLoader
创建时为 dataUrl
参数设置一些无效值:
add:
The only way I've found is set some invalid value to dataUrl
param on TreeLoader
creation:
new Ext.tree.TreePanel({
root: {
nodeType: 'async',
text: 'asdasd',
draggable: false,
id: 'folders-tree-root'
},
loader: new Ext.tree.TreeLoader(dataUrl: 'something')
});
推荐答案
您正在寻找的是 TreeLoader 的 load
方法.因此,鉴于您的示例,这样的事情应该可行.
What you're looking for is the load
method for the TreeLoader. So something like this should work given your example.
tree.getLoader().load(tree.root);
这是我的完整示例,也可以在我的 演示 站点上找到.它是从 ExtJS 演示中的一个演示中精心设计和破解的,但它应该可以满足您的需求.
Here's my full example that's available on my demo site as well. It's a little contrived and hacked together from one of the ExtJS demo's but it should get you what you need.
Ext.onReady(function() {
var root = new Ext.tree.AsyncTreeNode({
text: 'Ext JS',
id: 'src'
});
var reloadTree = function() {
tree.enable();
tree.getLoader().dataUrl = 'get-nodes2.php';
tree.getLoader().load(tree.root);
};
var tree = new Ext.tree.TreePanel({
animate: true,
autoScroll: true,
nodeType: 'async',
loader: new Ext.tree.TreeLoader(),
containerScroll: true,
border: false,
disabled: true,
id: 'myTree'
});
var myPanel = new Ext.Panel({
items: tree,
border: false,
tbar: [{
text: 'Refresh',
handler: reloadTree
}]
});
tree.setRootNode(root);
myPanel.render('tree');
});
干杯
这篇关于如何按需重新加载 Ext.tree.TreePanel?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!