admin管理员组文章数量:1640612
需求是这样的:只能查看树结构但是不能点击。当进入编辑状态下才能编辑。这个时候就需要动态的给他修改是否可编辑的属性了。
我是直接在浏览器中看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");
版权声明:本文标题:layui的树怎么动态的设置禁用的disabled属性 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1729319393a1195691.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论