EXTJS学习笔记----EXTJs中带复选框的tree，选中父节点时所有子节点也被选中

最新推荐文章于 2017-11-25 18:58:15 发布

不爱吃萝卜的兔子

最新推荐文章于 2017-11-25 18:58:15 发布

阅读量232

点赞数

文章标签： ui

本文链接：https://blog.youkuaiyun.com/fan578/article/details/84215074

版权

本文介绍了一种在树形结构中实现当父节点被选中时，其所有子节点也会相应地被选中的方法。通过递归地遍历每个子节点并设置其选中状态来实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


 // 当选中父节点时，让其子节点相应选中
               contacterTree.on('checkchange', function(node, checked) {  
                node.expand();  
                node.attributes.checked = checked;  
                node.eachChild(function(child) {  
                    child.ui.toggleCheck(checked);  
                    child.attributes.checked = checked;  
                    child.fireEvent('checkchange', child, checked);  
                });  
            }, contacterTree);

第二种


'checkchange' : function(node, checked) {
       win.treepnl.suspendEvents(false);
       //后加的树展开选中函数，存在递归调用，有待提取。
       node.expand(); 
                   node.attributes.checked = checked;   
                   node.eachChild(function(child) {   
                       child.ui.toggleCheck(checked);   
                       child.attributes.checked = checked;   
                       child.fireEvent('checkchange', child, checked);
                       if(child.hasChildNodes()){
                        child.expand();
                        child.eachChild(function(childs) {   
                        childs.ui.toggleCheck(checked);   
                        childs.attributes.checked = checked;   
                        childs.fireEvent('checkchange', childs, checked);
                          if(childs.hasChildNodes()){
                          childs.expand();
                          childs.eachChild(function(childss) {   
                          childss.ui.toggleCheck(checked);   
                          childss.attributes.checked = checked;   
                          childss.fireEvent('checkchange', childss, checked);
                       });
                         }
                     });
                       }
                   });


'checkchange' : function(node, checked) {
       win.treepnl.suspendEvents(false);
       //后加的树展开选中函数，存在递归调用，有待提取。
       node.expand(); 
       node.attributes.checked = checked;
       node.eachChild(function(child) {   
       		child.ui.toggleCheck(checked);   
            child.attributes.checked = checked;   
            child.fireEvent('checkchange', child, checked);
            if(child.hasChildNodes()){
               child.expand();
               child.eachChild(function(childs) {   
                   childs.ui.toggleCheck(checked);   
                   childs.attributes.checked = checked;   
                   childs.fireEvent('checkchange', childs, checked);
                   if(childs.hasChildNodes()){
                        childs.expand();
                        childs.eachChild(function(childss) {   
                          childss.ui.toggleCheck(checked);   
                          childss.attributes.checked = checked;   
                          childss.fireEvent('checkchange', childss, checked);
                       });   
                   }     
              });            
           }        
      });                    
   }