欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

zTree笔记,设置无法勾选父节点(禁用父节点)和父节点禁用时回显选中子节点时关联父节点状态

发布时间:2024/9/27 编程问答 38 豆豆
生活随笔 收集整理的这篇文章主要介绍了 zTree笔记,设置无法勾选父节点(禁用父节点)和父节点禁用时回显选中子节点时关联父节点状态 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
名称链接
zTree APIhttp://www.treejs.cn/v3/api.php
zTree Demohttp://www.treejs.cn/v3/demo.php#_101

最近又用到了zTree,虽然zTree的APi已经很全很方便很易懂了,但是难免有的方法找不到。为了方便他人方便自己,做下笔记记录下

zTree笔记1 设置无法选择父节点
要达成这个目的,思路是绑定一个勾选的回调事件,此时判断选中的是否为父节点,是的话return false勾选状态不变

代码如下:

callback: {beforeCheck: zTreeBeforeCheck}function zTreeBeforeCheck(treeId, treeNode) {return !treeNode.isParent;//当是父节点 返回false 不让选取}

zTree笔记2 父节点无法勾选时,回显的时候如何勾选子节点并勾选父节点
第一点是chkboxType要配置好父子节点关联,不过默认是关联的,一般情况下可以直接忽略

第二点,这个问题出现的原因是因为在之前设置了当选中父节点时会返回false而无法选中。所以可以使用checkNode方法,选择不触发回调函数就可以了。

var treeObj = $.fn.zTree.getZTreeObj("tree"); var nodes = treeObj.getSelectedNodes(); for (var i=0, l=nodes.length; i < l; i++) {treeObj.checkNode(nodes[i], true, true); }

官方API和Demo在本文开头已经给出,需要的小伙伴可以直接点击。很全面很方便,希望能解决你遇到的问题

创作挑战赛新人创作奖励来咯,坚持创作打卡瓜分现金大奖

总结

以上是生活随笔为你收集整理的zTree笔记,设置无法勾选父节点(禁用父节点)和父节点禁用时回显选中子节点时关联父节点状态的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。