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勾选状态不变

代码如下：

    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笔记，设置无法勾选父节点（禁用父节点）和父节点禁用时回显选中子节点时关联父节点状态相关推荐

layui添加复选框_layui表格数据复选框回显设置方法
layui2.3版本,本身并不带有复选框回显功能,那么需要从源头解决此事,F12代码调试,找到与复选框关联的地方发现: 我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回显. layui这 ...
html 勾选框点击文字勾选,ztree点击文字勾选checkbox，radio实现方法
ztree的复选框checkbok,单选框radio是用背景图片来模拟的,所以点击文字即使用label括起checkbox,radio文字一起,点击文字也是无法勾选checkbox. 要想点击ztre ...
antd树型选择控件选择父级_element的tree树形菜单回显、父级半勾选
解决的问题: 1. 当拿到了后台的数据,使用id去渲染选中的节点时,如果父级id包含在id数组里,而此id下面的子节点只有部分选中的情况下,此父级id下面得所有子节点全部被选中了. 2. 当需要保存当 ...
zTree点击文字勾选复选框
1.问题背景系统利用zTree插件生成下拉复选树,点击文字勾选复选框 2.实现源码 <!DOCTYPE html><html><head> <title&g ...
vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决)
vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决) 参考文章: (1)vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决) (2)ht ...
饿了么UI elementUI中的el-table勾选框设置默认勾选、禁用
最近项目中有这个一个需求:请求后端列表数据,根据数据中remark值自动设置table的勾选框的勾选状态及禁用状态, 如果remark="1",是勾选状态且该勾选框变为禁用状态:反 ...
elementUI中的el-table勾选框设置默认勾选、禁用
elementUI中的el-table勾选框设置默认勾选.禁用最近项目中有这个一个需求:请求后端列表数据,根据数据中remark值自动设置table的勾选框的勾选状态及禁用状态, 如果remark= ...
web前端-Vue element UI中的el-table勾选框展示隐藏；设置默认勾选、禁用
1.el-table如果我们想新增一个勾选框,在 .vue文件中 <el-table-column type="selection" width="55" ...
数据分析知识——统计学学习笔记（拉勾数据分析训练营）
模块1 统计学基本概念 1 测量尺度人文社科中的分类尺度 1定类尺度功能:分类作用,比如性别.英文:Norminal 2定序尺度功能:分类.排序作用,比如喜欢的艺人.年级.英文:Ordinal ...

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

zTree笔记，设置无法勾选父节点（禁用父节点）和父节点禁用时回显选中子节点时关联父节点状态相关推荐

最新文章

热门文章