Question

treepanel 子节点展开后无法收拢。第一个子节点无法点击。 节点是动态生成的，在火狐和IE下都不可以

如题

Answer 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里面就行了雪非子

追问

谢谢tdfqlzgq，在页面上已经能够看出来，当点击展开根节点下的第一个节点后，就不能再收拢第一个节点，而且与第一个节点同级的节点也不能点击了，鼠标的焦点根本就定位不到节点上去。但是，其他二级节点还是可以点击。。。