TreePanel checkbox 联动

经典的checkbox树默认是不会有联动处理的。这里变量INDEX_CATEGORY_CHECKING是为了避免各个节点事件触发后的递归调用,从而解决了过多递归的问题。

复制代码
代码
'checkchange'function(node, checked){

    
if (!INDEX_CATEGORY_CHECKING) {
        INDEX_CATEGORY_CHECKING 
= true;

        
// true时,子同父,父也同子
        if (checked == true) {
            node.attributes.checked 
= true;

            
// 父变为true,所有子都跟着变化
            (function(node) {
                
var _this = arguments.callee;
                
if (!node.isLeaf()) {
                    node.expand();
                    node.eachChild(
function(child) {
                        child.ui.toggleCheck(
true);
                        child.attributes.checked 
= true;
                        _this.call(_this, child);
                    });
                }
             })(node);

            
// 父变为true,父的父(如果有的话)也应该都为true
            (function(node) {
                
var _this = arguments.callee;
                
if (node.parentNode && node.parentNode != t.root) {
                    
var pnode = node.parentNode;
                    pnode.ui.toggleCheck(
true);
                    pnode.attributes.checked 
= true;
                    _this.call(_this, pnode);
                }
             })(node);

        } 
else { // false 时,子同父,但父不一定同子
            node.attributes.checked = false;

            
// 父变为false,所有子跟着变化
            (function(node) {
                
var _this = arguments.callee;
                
if (!node.isLeaf()) {
                    node.expand();
                    node.eachChild(
function(child) {
                        child.ui.toggleCheck(
false);
                        child.attributes.checked 
= false;
                        _this.call(_this, child);
                    });
                }
             })(node);

            
// 父变为false,但父的父(如果有的话)不一定变化
            (function(node) {
                
var _this = arguments.callee;
                
if (node.parentNode && node.parentNode != t.root) {
                    
var pnode = node.parentNode;

                    
var chk = false;
                    pnode.eachChild(
function(child) {
                        
if (child.attributes.checked == true) {
                            chk 
= true;
                            
return false;
                        }
                    });
                    
if (chk == true) {
                        
return;
                    } 
else {
                        pnode.ui.toggleCheck(
false);
                        pnode.attributes.checked 
= false;
                        _this.call(_this, pnode);
                    }
                }
             })(node);
        }

        INDEX_CATEGORY_CHECKING 
= false;
    }
}
 
复制代码

 

 

 

posted @   StarWang  阅读(814)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示