0
点赞
收藏
分享

微信扫一扫

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


名称

链接

zTree API

​​http://www.treejs.cn/v3/api.php​​

zTree Demo

​​http://www.treejs.cn/v3/demo.php#_101​​

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

zTree笔记1 设置无法选择父节点

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

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


代码如下:

    callback: {
beforeCheck: zTreeBeforeCheck
}

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

zTree笔记2 父节点无法勾选时,回显的时候如何勾选子节点并勾选父节点

第一点是chkboxType要配置好父子节点关联,不过默认是关联的,一般情况下可以直接忽略

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


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

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

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在本文开头已经给出,需要的小伙伴可以直接点击。很全面很方便,希望能解决你遇到的问题


举报

相关推荐

0 条评论