我想创建 Ext.tree.TreePanel 组件并定期从外部 URl 加载内容。所以我写了类似的东西
new Ext.tree.TreePanel({
root: {
nodeType: 'async',
text: 'asdasd',
draggable: false,
id: 'folders-tree-root'
},
loader: new Ext.tree.TreeLoader()
});
现在我想重新加载这棵树,所以我写:
tree.loader.dataUrl = 'folders-sample.json';
tree.root.reload();
但什么也没发生。
add:
我发现的唯一方法是将一些无效值设置为dataUrl
参数开启TreeLoader
创建:
new Ext.tree.TreePanel({
root: {
nodeType: 'async',
text: 'asdasd',
draggable: false,
id: 'folders-tree-root'
},
loader: new Ext.tree.TreeLoader(dataUrl: 'something')
});
您正在寻找的是load
TreeLoader 的方法。因此,根据您的示例,类似的事情应该有效。
tree.getLoader().load(tree.root);
这是我的完整示例,可以在我的网站上找到demo http://kanaye.net/ext_demos/trees/网站也是如此。它有点做作,是从 ExtJS 演示之一中拼凑而成的,但它应该可以满足您的需要。
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');
});
Cheers
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)