easyui树修改节点选中情况

最新推荐文章于 2023-05-19 17:53:16 发布

weixin_33994444

最新推荐文章于 2023-05-19 17:53:16 发布

阅读量216

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/feiZhou/p/9344033.html

本文介绍了一种在树形结构中实现节点及其子节点全选、取消全选及节点到根节点全选的方法。通过定义全局变量控制点击事件，并使用JavaScript函数实现不同场景下的节点选中逻辑。

全局变量
    //是否执行点击事件
var   isdoOnChecked=true;

//点击选中节点，设置该节点的所有子节点都选择
function setSonLeafAllChecked(node,currenttree){
    //是否执行点击事件
    isdoOnChecked=false;
    var childList =currenttree.tree('getChildren',node.target);
        for(var i= 0;i<childList.length;i++){
            currenttree.tree("check", childList[i].target);
        }
}
//点击该节点，设置选中节点到顶部节点的所有节点为选中状态
function setLeafToRootChecked(node,currenttree){
    //是否执行点击事件
    isdoOnChecked=false;
     var parent =currenttree.tree('getParent', node.target); //获取选中节点的父节点
     for (i = 0; i < 10; i++) { //可以视树的层级合理设置I
       if (parent != null) {
           currenttree.tree("check", parent.target);//设置父节点选择
           var currenNode=currenttree.tree('getParent', parent.target);
           parent = currenNode;
       }
     }
}

//点击取消该节点,该节点和所有子节点全部取消
function setSonLeafUnChecked(node,currenttree){
    isdoOnChecked=false;
    var childList = currenttree.tree('getChildren',node.target);
     for(var i= 0;i<childList.length;i++){
         currenttree.tree("uncheck", childList[i].target);
     }

}

树

function getExtraPrivilegeTree(id,roleID,type){
    //生成菜单树
    $('#'+id).tree({    
        url: '/privilege/getExtraPrivilegeTree.do',
        lines : true,
        queryParams:{
            "roleID":roleID,
            "privilegeType":type
        },
        checkbox:true,
        cascadeCheck:false,
        onLoadSuccess : function (node, data) {
        },
        onCheck:function(node, checked){
            var currenttree=$(this);
            if(isdoOnChecked){
                  if(checked){
                        //如果点击是勾选的情况，设置下一次不执行点击点击事件。
                        //点击选中，子节点全部选中，父节点也要选中
                      setSonLeafAllChecked(node,currenttree);
                      setLeafToRootChecked(node,currenttree);
                      //设置点击有效
                      isdoOnChecked=true;
                    }else{//如果点击是取消，取消当前节点的所有子节点
                        setSonLeafUnChecked(node,currenttree);
                        //设置点击有效
                          isdoOnChecked=true;
                    }
            }


        },
    });
}