ext4 treePanel 设计节点级联选中

ext4 treePanel 设计节点级联选中

转载▼

1、panel代码：

Ext.create('Ext.tree.Panel', {
id : 'addRolePanelId2',
title: '权限',
region : 'center',
layout : 'fit',
height:400,
buttonAlign : 'center',
root:{
id:'root',
text:'权限列表',
expanded:true,
checked : false,
leaf:false
},
store: addRolePermissionStore,
autoScroll:true,//自动出现滚动条
containerScroll: true,//是否支持滚动条
rootVisible: true,
listeners: {
//添加监听 设置树的节点选择的级联关系
checkchange: function(node, checked) {
listenerCheck(node, checked);
}
}}）；

2、//添加监听 设置树的节点选择的级联关系
var listenerCheck = function(node, checked) {
childHasChecked(node,checked);
var parentNode = node.parentNode;
if(parentNode != null) {
parentCheck(parentNode,checked);
}
};
//级联选中父节点
var parentCheck = function(node ,checked){
var childNodes = node.childNodes;
for (var i = 0; i < childNodes.length; i++) {
if (childNodes[i].get('checked')) {
node.set('checked',checked);
continue;
}else{
node.set('checked',false);
break;
}
};
var parentNode = node.parentNode;
if (parentNode != null ) {
parentCheck(parentNode,checked);
}
}
//级联选择子节点
var childHasChecked = function (node, checked) {
node.cascadeBy(function (child) {
child.set("checked",checked)
});
}