ztree多级组织都有checkbox，都是复选框，如何实现单选，并且不能牵连子节点

ztree复选框实现单选且不牵连子节点

最新推荐文章于 2023-02-26 23:48:27 发布

原创最新推荐文章于 2023-02-26 23:48:27 发布 · 453 阅读

0 ·

CC 4.0 BY-SA版权

JS 同时被 2 个专栏收录

63 篇文章

订阅专栏

ztee

12 篇文章

订阅专栏

博客聚焦于ztree多级组织中复选框的问题，探讨如何将其实现为单选功能，并且在操作时不会牵连子节点，这对于使用ztree进行前端开发的人员有一定的参考价值。

在ztree的setting中
callback: {
          
            onCheck: this.zTreeOnCheck,
          
        }


 zTreeOnCheck(event, treeId, treeNode){
                let nodeIds = Array.slice(this.value);
                //把复选框做成单选形式
                if(treeNode.checked){
                    this.treeObj.checkAllNodes(false);//关键点1：取消所有节点的选中状态
                }
                this.treeObj.checkNode(treeNode,true,false,false);//关键点2：第三个参数false表示，勾选本节点，不会级联到子节点选中//这样就在setting:{check:{chkboxType:{'Y':'ps','N':'ps'} } }是没有作用的。
    
            },