Ext 中 treePanel节点自动全部展开问题;

2024-12-22 10:41:10
推荐回答(2个)
回答1:

对于ext来说最好的方式是不要一下将所有的节点全部展开,因为这样的话当数据量大的时候,后台读取所有节点的数据,并且拼装tree节点的速度比较慢,而且渲染也比较慢,经常在默认时间内无法渲染出你从后台读取的数据,所以建议点击一个节点的时候在进行ajax的异步加载。
相关代码:
//点击节点触发
tree.on("click", function(node, event) {
// 判断当前节点是否为第一级子节点
if (node.id != 0) {
if(node.parentNode.id==0){
formPanel.findById('checkBtn').enable();
}else{
formPanel.findById('checkBtn').disable();
}
var fatherText = node.parentNode.text;
if(fatherText!=null){
formPanel.findById('supercatName').setValue(fatherText);
}else{
formPanel.findById('supercatName').setValue('公开分类');
}
formPanel.findById('catIsroot').setValue(node.id);
setdate(formPanel, node.id,node)
} else {
formPanel.findById('checkBtn').enable();
formPanel.findById('catIsroot').setValue('1');
Ext.getCmp('catName').setValue('');
Ext.getCmp('catUnitidname').setValue('');
Ext.Msg.alert('提示', '请选择具体类别');
}
});

//首节点
rootNode = new Ext.tree.AsyncTreeNode({
id : "0",
text : "公开类别"
});
tree = new Ext.tree.TreePanel({
root : rootNode,
frame : true,
animate : true, // 开启动画效果
enableDD : false, // 不允许子节点拖动
border : true, // 没有边框
singleClickExpand : true,
autoScroll : true,
tbar : tbar,
height : document.body.clientHeight,
height : document.body.clientHeight,
loader : new Ext.tree.TreeLoader({
dataUrl : REQUEST_URL,
baseParams : {
method : 'getOpenBasicTree'
}
})
});
// 默认展开第一层
rootNode.expand(false, true);

然后将tree放到一个panel里面就行了

回答2:

记得有自动展开的方法啊,没必要自己一个节点一个节点的展开,如果是想点击当前节点展开子节点的话,稍微麻烦点,以前写过,不过目前辞职了Extjs也不用了没有源码,多看看api应该可以弄出来 tree的展开事件你要记得一点 当展开父节点,在展开事件中展开子节点,那么子节点展开势必又再次触发展开事件,没必要你自己用个循环展开