您的位置:首页 > Web前端 > JavaScript

extjs4 tree 节点选中问题

2013-04-08 10:26 429 查看
extjs4 tree 节点选中问题 当选中父节点,子节点会自动选中,所有子节点取消,父节点也会取消,有递归调用哦 ,废话不多说 直接上代码

ps: 以下 只是关键

//右侧菜单树
var centerPanel = Ext.create('Ext.tree.Panel', {
……
listeners:{
checkchange:function (node,checked,eOpts){
//选中事件
setChildChecked(node,checked);
setParentChecked(node,checked);
}
}
});

function setChildChecked(node,checked){
node.expand();
node.set({checked:checked});
if(node.hasChildNodes()){
node.eachChild(function(child) {
setChildChecked(child,checked);
});
}
}
function setParentChecked(node,checked){
node.set({checked:checked});
var parentNode = node.parentNode;
if(parentNode !=null){
var flag = false;
parentNode.eachChild(function(child) {
if(child.data.checked == true){
flag = true;
}
});
if(checked == false){
if(!flag){
setParentChecked(parentNode,checked);
}
}else{
if(flag){
setParentChecked(parentNode,checked);
}
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  extjs4 tree 选中