Ztree 节点不可选

最新推荐文章于 2021-07-23 17:51:17 发布
最新推荐文章于 2021-07-23 17:51:17 发布
阅读量3.9k 收藏
点赞数
文章标签： Ztree
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bamboo_cqh/article/details/51393630
版权
本文介绍如何在zTree中实现部分节点无checkbox，并动态控制节点的checkbox显示。通过设置节点的nocheck属性为true隐藏checkbox，通过updateNode方法动态更新属性为false显示checkbox。
摘要由CSDN通过智能技术生成

有一棵树，我们只需要其中几个节点可以通过勾选前面checkbox来对其进行操作，且这个操作需要动态执行。应该如何实现呢？

默认情况下zTree树节点无checkbox选择框==========》动态设置每一个节点均有选择框checkbox

面对这样一个需求，如果我们使用的是zTree树控件，那么将会变得非常地简单。

面对这样一个需求，如果我们使用的是zTree树控件，那么将会变得非常地简单。

1、引入ztree树相关的js文件


view source print ?
1. <link rel="stylesheet" href="../../../css/demo.css" type="text/css">
2. <link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
3. <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
4. <script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
5. <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>


注意excheck.js文件是一定要引入的，要不然会导致节点前的checkbox无法显示和操作。

最低0.47元/天 解锁文章
bamboo_cqh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ztree树节点复选框选择问题
weixin_43103905的博客
02-22 1791
最近本人在尝试使用ztree制作树状图，在初始化的时候由于项目需要，要设置部分节点复选框不可选择，同时也要设置全选功能。 一、初始化树节点不可选中状态 我们使用官方给出的awesome样式的树形节点，在此基础上我们做了部分微调，在初始化设置时，初始数据时除了,参考官方API:http://www.treejs.cn/v3/api.php id(本节点id)，pId(父节点id)，name(显示的名...
ztree常用操作
admin_mvip的博客
07-20 320
ztree的一些操作设置某些节点没有复选框ztree复选框回显1.在后台拼接的数据，拼接"checked", true2.使用js回显 设置某些节点没有复选框 这里我设置的是 根节点 没有复选框 这里是一些常用操作 var setting = { check: { enable: true, chkboxType: { "Y" : "", "N" : "" } //设置父节点和子节点...
ztree树节点前面有checkbox
09-27
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - checkbox</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="zTreeStyle.css" type="text/css"> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript" src="jquery.ztree.core.js"></script> <script type="text/javascript" src="jquery.ztree.excheck.js"></script> <SCRIPT type="text/javascript"> var setting = {check: {enable: true},data: {simpleData: {enable: true}}}; var zNodes =[ { id:1, pId:0, name:"全选", open:true}, { id:11, pId:1, name:"报表", open:true}, { id:111, pId:11, name:"报表管理",open:true}, { id:112, pId:11, name:"报表概况",open:true}, { id:12, pId:1, name:"我的", open:true}, { id:121, pId:12, name:"修改密码",open:true}, { id:122, pId:12, name:"意见反馈",open:true} ]; $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); var zTree = $.fn.zTree.getZTreeObj("treeDemo"), type = { "Y":'ps', "N":'ps'}; zTree.setting.check.chkboxType = type; }); function aa(){ var treeObj=$.fn.zTree.getZTreeObj("treeDemo"); nodes=treeObj.getCheckedNodes(true); var nodes1 = treeObj.getNodes(); var aa1= treeObj.transformToArray(nodes1); for(var i=0; i < aa1.length;i++){ var node = treeObj.getNodeByParam("id",aa1[i].id ); treeObj.checkNode(node,true,true); treeObj.updateNode(node); } } </SCRIPT> </HEAD> <BODY> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul id="treeDemo" class="ztree"></ul> </div> <button value="dianji" onclick="aa()" /> </div> </BODY> </HTML>
jquery.ztree增加checkbox选项（可选以及不可选）
ITX2000的专栏
02-16 1449
有一棵树，我们只需要其中几个节点可以通过勾选前面checkbox来对其进行操作，且这个操作需要动态执行。应该如何实现呢？ ==========》 面对这样一个需求，如果我们使用的是zTree树控件，那么将会变得非常地简单。 面对这样一个需求，如果我们使用的是zTree树控件，那么将会变得非常地简单。 1、引入ztree树相关的js文件 vi
zTree设置父节点不可选中，只可选中子节点（也可根据需求设置节点选中状态）
热门推荐
魏知非的博客
11-08 1万+
有两种方法：显示check radio 但是不能选中父节点，只能选中子节点；另一种方法是直接不显示父节点的check radio 一、是在callback里写回调方法，都是显示check radio的，有两种情况，一种是不可选择，一种是判断是否是父节点，是的话直接返回 callback: { beforeCheck: this.zTreeBeforeCheck,//在...
zTree笔记，设置无法勾选父节点（禁用父节点）和父节点禁用时回显选中子节点时关联父节点状态
weixin_44651438的博客
04-19 3304
zTree API zTree Demo 最近又用到了zTree，虽然zTree的APi已经很全很方便很易懂了，但是难免有的方法找不到。为了方便他人方便自己，做下笔记记录下 zTree笔记1 设置无法选择父节点 要达成这个目的，思路是绑定一个勾选的回调事件，此时判断选中的是否为父节点，是的话return false勾选状态不变 代码如下： callback: { bef...
解决ztree添加节点不显示问题
05-22
### 解决ztree添加节点不显示问题 #### 一、问题背景 在使用zTree库进行前端开发时，可能会遇到一个常见的问题：当尝试通过zTree API动态添加新节点时，新添加的节点无法正常显示在界面上。这个问题在zTree的最新...
后台获取ZTREE选中节点的方法
09-03
可选参数`isAll`默认为`false`，表示只获取第一级父节点；如果设置为`true`，则会递归获取所有子节点，无论它们是否被选中。在实例中，`zTree.getCheckedNodes(true);`获取了所有被选中的节点，包括它们的子节点。 ...
jQuery高性能带复选框的树形结构插件
12-12
highchecktree是一款使用指定源数据生成带复选框的树形结构的jQuery插件。该树形结构插件对于在大数据的处理上性能十分出色。它使用懒加载的形式来提供性能，子节点会在点击时才去加载数据。
ztree树，带复选框，右键增加，修改，删除节点可连接后台。
08-30
ztree树，带复选框，右键增加，修改，删除节点可连接后台。针对ztree进行了小小修改。完美运行兼容性好。支持火狐，谷歌，IE10.
ztree实现左右两棵树的节点移动
06-12
在IT领域，特别是前端开发中，ZTree是一款广泛使用的JavaScript组件，它主要用于构建可操作的树形结构。本文将深入探讨如何使用ZTree实现左右两棵树之间的节点移动，包括节点的添加、删除以及同步更新的操作。 首先...
ztree控制节点是否能够被选中（点击）
weixin_42634991的博客
07-23 2485
在我们使用ztree的开发中，难免会遇到生成的树形节点，有一些是不允许被点击或者不让用户使用的节点。我们可以通过ztree中的回调函数 beforeClick进行控制，返回false则不能选中。 特别注意：如果返回 false，zTree 将不会选中节点，也无法触发 onClick 事件回调函数 1、初始化树内容的部分。其他属性暂不做解释。 function initTree(){ // 获取数据，对数据进行处理 var data = getData(); ...
html设置树的父节点不可选,zTree 设置父节点checkbox不可点击
weixin_35621342的博客
07-02 911
1.需求：项目要求栏目树的父节点不可点击，点击子节点会关联选中父节点2.方法：setting.callback.beforeCheck用于捕获 勾选 或 取消勾选 之前的事件回调函数，并且根据返回值确定是否允许 勾选 或 取消勾选默认值：null3.项目中使用：// 设置var settings = {view: {addDiyDom: addDiyDoms},check: {enable: tr...
jQuery树形复选框插件
墨鱼部落格
03-11 449
jQuery树形复选框插件 这是一款jQuery树形结构插件，通过数组设置多级复选框菜单，点击主菜单和主菜单选中效果。 演示地址 下载地址
ztree 设置父节点不能选择
捣蛋的博客
12-03 7366
callback: { onAsyncSuccess: zTreeOnAsyncSuccess, beforeCheck : function(treeId, treeNode) { if (treeNode.children) { layer.msg('父节点不可选择'); ...
（jq）封装jQuery树形插件
weixin_42069147的博客
04-06 367
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>zTree树形结构菜单</title> <!-- import css --> <link rel="stylesheet" href="css/reset.min.css"> <style> * { -webkit-user-select: none; }
ztree 回显数据时 不让父节点选中下面所有的子节点
我的博客
12-06 7005
前端参数设置的问题
zTree API详解与功能介绍
- `checkAllNodes(checked)`: 全选或全不选所有节点。 - `checkNode(node, checked, checkTypeFlag, callbackFlag)`: 检查或取消检查节点，可以设置是否联动其他节点。 - `copyNode(targetNode, node, moveType, is...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值