admin管理员组

文章数量:1640598

需求是这样的：只能查看树结构但是不能点击。当进入编辑状态下才能编辑。这个时候就需要动态的给他修改是否可编辑的属性了。

我是直接在浏览器中看tree的html的结构。然后把所有的checkbox的disabled属性都修改的。

我发现他所有的复选框的那么是一样的。这样就好办啦。直接：

$("input[name='layuiTreeCheck']").prop("disabled",false)//启用

 $("input[name='layuiTreeCheck']").prop("disabled",true)//禁用

这样操作就好了。

 

注意这句代码要加在设置默认选中的节点之后。否则禁用了节点也选不中了。

我们发现这样设置了以后的确是不能点击选中了。但是样式上却不是官网例子的那种。那是因为我们手动添加的disabled。样式没有加上

    //添加禁用得状态
                    $("input[name='layuiTreeCheck']").prop("disabled",true);
                    $("input[name='layuiTreeCheck']").next(".layui-form-checkbox").addClass(".layui-checkbox-disbaled layui-disabled");
        

    //取消禁用得状态

     $("input[name='layuiTreeCheck']").prop("disabled",false);
     $("input[name='layuiTreeCheck']").next(".layui-form-checkbox").removeClass("layui-checkbox-disbaled layui-disabled");   
 

本文标签： 属性动态layuidisabled

版权声明：本文标题：layui的树怎么动态的设置禁用的disabled属性 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1729319393a1195691.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。