layui的树怎么动态的设置禁用的disabled属性

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

我是直接在浏览器中看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");