dwz笔记之tree权限扩展

最新推荐文章于 2018-10-16 11:29:18 发布

六丁网络-LEE

最新推荐文章于 2018-10-16 11:29:18 发布

阅读量603

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lilv7214/article/details/78152970

本文介绍了一种解决Tree组件中子节点被选中时父节点状态未同步更新的问题的方法。通过修改_checkParent函数，确保了父节点能正确反映其子节点的选中状态，包括完全选中、部分选中和未选中等状态。

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

碰到的问题：tree选择子节点时，父级节点的值没有选择

解决方法如下（红色部分）：

原代码：

_checkParent:function(){
            if($(this).parent().hasClass("tree")) return;
            var parent = $(this).parent().parent();
            var stree = $(">ul", parent);
            var ckbox = stree.find(">li>a").size()+stree.find("div.ckbox").size();
            var ckboxed = stree.find("div.checked").size();
            var aClass = (ckboxed==ckbox?"checked":(ckboxed!=0?"indeterminate":"unchecked"));
            var rClass = (ckboxed==ckbox?"indeterminate":(ckboxed!=0?"checked":"indeterminate"));
            $(">div>.ckbox", parent).removeClass("unchecked").removeClass("checked").removeClass(rClass).addClass(aClass);
            
            var $checkbox = $(":checkbox", parent);
            if (aClass == "checked") $checkbox.attr("checked","checked");
            else if (aClass == "unchecked") $checkbox.removeAttr("checked");
            
            parent._checkParent();
        }

扩展后代码：

_checkParent:function(){
            if($(this).parent().hasClass("tree")) return;
            var parent = $(this).parent().parent();
            var stree = $(">ul", parent);
            var ckbox = stree.find(">li>a").size()+stree.find("div.ckbox").size();
            var ckboxed = stree.find("div.checked").size();
            var aClass = (ckboxed==ckbox?"checked":(ckboxed!=0?"indeterminate":"unchecked"));
            var rClass = (ckboxed==ckbox?"indeterminate":(ckboxed!=0?"checked":"indeterminate"));
            $(">div>.ckbox", parent).removeClass("unchecked").removeClass("checked").removeClass(rClass).addClass(aClass);
            
            var $checkbox = $(":checkbox", parent).eq(0);//只选择这一级节点的第一个checkbox
            if (aClass == "checked"||aClass == "indeterminate") //当样式为indeterminate时，也选择这一个父节点的值
　　　　　　　　　　$checkbox.attr("checked","checked"); 
　　　　　　　　else if (aClass == "unchecked") 
　　　　　　　　　　$checkbox.removeAttr("checked"); 
　　　　　　　　parent._checkParent(); 
　　　　}