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)

                                });

                          }