zTree获取当前选中节点（避坑指南）

最新推荐文章于 2024-05-08 19:32:19 发布
最新推荐文章于 2024-05-08 19:32:19 发布
阅读量6.3k 收藏 5
点赞数 9
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41073911/article/details/108687925
版权

平常获取选中节点值会使用getSelectedNodes，但是使用getSelectedNodes方法获取不到值怎么办？

getSelectedNodes()

官方API解释：获取zTree当前被选中的节点数据集合

但是

官方API没有解释此方法是获取鼠标单击后选中的节点集合数据。

此时如果你的zTree是使用复选框方式勾选数据，那么此方法行不通

那么此时应该使用以下这个方法：

getCheckedNodes()

顾名思义：是获取复选框选中状态的节点集合数据

官方API：获取输入框被勾选 或 未勾选的节点集合。[setting.check.enable = true 时有效]

在这里插入图片描述
使用这个方法，ok，问题解决。

菅有志
关注
  • 9
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
获取当前被选中的树节点ztree_zTree的使用
weixin_39891158的博客
12-07 776
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。它的下载地址https://gitee.com/zTree/zTree_v3api文档的使用，要将它切换成ie模式，并允许阻止内容。使用的时候需要将他们的文件引入到项目中使用zTree，它的形式要求如下，我们可以在实体包中设置一个实体类//ztree的bean对象 p...
zTree获取所有选中的叶子节点
一碗单炒饭的专栏
03-12 2302
添加新的方法getCheckedChildNodes，可以获取所有叶子节点的集合 // 获取当前被勾选集合 getCheckedNodes: function(column) { var _column = $.common.isEmpty(column) ? "id" : column; var nodes = $._tree.getCheckedNodes(true); return $.map(nodes, function (row) { return row
el-tree 父节点只有一个子节点时，用getCheckedNodes方法选择的值父节点和子节点值都有
最新发布
Angel_girl319的博客
05-08 504
看了一下代码，运用到了getCheckedNodes([leafOnly,includeHalfChecked]) 方法， leafOnly:表示是否只返回叶子节点的数据，默认值为false,includeHalfChecked表示是否包含半选中状态的节点。在做项目时，遇到了一个特殊问题，在选择左侧指标树的时候，如果父节点有多个子节点，选择后右侧显示内容出现一个子节点的值是没问题的，如图所示。但是选择一个父节点只有一个子节点的时候，父节点的值和子节点的值却都出现了右侧，如图。
ztree获取选中节点
menghuannvxia的专栏
10-16 1万+
$(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); }); function onCheck(e,treeId,treeNode){ var treeObj=$.fn.zTree
ztree获取当前选中节点子节点id集合的方法
12-09
本文实例讲述了ztree获取当前选中节点子节点id集合的方法。分享给大家供大家参考。具体分析如下： 要求：获取当前选中节点的子节点id集合。 步骤： 1.获取当前节点 2.用ztree的方法transformToArray()获取当前选中节点（含选中节点）的子节点对象集合。 3.遍历集合，取出需要的值。 treeNode：当前选中节点对象 function getChildNodes(treeNode) { var childNodes = ztree.transformToArray(treeNode); var nodes = new Array(); fo
ZTree 获取选中的项
weixin_33709609的博客
01-10 885
var zTreeOjb = $.fn.zTree.getZTreeObj("zTreeId"); //ztree的Id zTreeId获取复选框/单选框选中的节点：var checkedNodes = zTreeObj.getCheckedNodes();获取光标选中的(selected)var selectedNodes = zTreeObj.getSelectedNodes();上面两个...
获取当前被选中的树节点ztree_行为树相关工具
weixin_39950083的博客
11-29 278
行为树相关工具编辑器当前编辑器是用qt5编写的，分发的时候我把相关的dll也打包到一个zip里面，编译平台是win 10, Qt 5.12，不保证其他系统配置下可用。至于linux和mac下的二进制，我后面再尝试编译一下。概览本编辑器支持多文件以tab形式同时编辑，编辑窗口分为了两个部分：树结构展示区 这里可以有多tab页，以图形的格式展示整个行为树的结构。每个节点的子节点都在当前节点的右侧，这个...
获取当前被选中的树节点ztree_ztree获取当前选中节点及全部父节点
weixin_32921457的博客
01-14 612
获得当前选中节点路径，如部门库〉新闻部〉文字稿：树如下图：js:var curLocation="";//当前位置var treeObj = $.fn.zTree.getZTreeObj("rs_tree");var nodes = treeObj.getSelectedNodes();if(nodes.length>0){var allNode = nodes[0]['text'];//获...
方法汇集
DongZJ6的博客
08-04 803
SimpleModel 简单模型 方法 getValue() 说明：获取绑定Model的组件Value值 // 例： model.getValue() setValue(value,check) 说明：设置Value值 入参：value：为想要设置的值 check：boolean型 可选型参数 内部调用参数 可不传 //例： model.setValue(value) clear() 说明：清除当前数据 入参：无 //例： model.clear() ...
JQuery zTree开发指南
07-13
**JQuery zTree 开发指南** JQuery zTree是一款基于jQuery的树形插件，它在Web开发中广泛用于构建动态、交互式的树状结构。zTree不仅支持基本的树形展示，还提供了丰富的功能，如节点操作、异步加载、多选模式、...
zTree树的Demo及全部文档
08-29
- **获取数据**：`treeObj.getNodes()`获取所有节点，`treeObj.getSelectedNodes()`获取已选中的节点等。 - **触发事件**：如`treeObj.bind()`绑定事件，如`onClick`点击事件，`onCheck`复选框状态改变事件等。 4...
ztree官方demo
11-11
1. **动态加载**：zTree支持异步加载节点，减少初次加载时的数据量，提高用户体验。 2. **多选模式**：提供全选、半选、单选等模式，满足不同场景需求。 3. **拖放操作**：支持节点的拖放，实现节点的移动或复制。 4...
zTree_v3-master
12-28
- **节点操作**：包括添加、删除、更新节点，以及获取选中、展开状态的节点。 - **多选模式**：支持单选和多选，可以通过配置项进行切换。 - **拖拽功能**：允许用户通过拖放节点进行重新排序。 - **异步加载**...
jQuery zTree v3.5.15 api
04-26
3. **节点操作**：如添加、删除、编辑节点，以及节点状态的改变（选中、未选中、半选中）。 4. **权限控制**：演示了如何利用zTree进行权限展示和操作，如勾选权限、拖拽权限等。 5. **自定义样式和图标**：通过...
09_Tree树列表_获取选中节点GetSelectedNodes
成长需要沉淀。
07-09 293
数列表Tree:GetSelectObject() 获取到选中节点值
zTree 树形结构常用功能点
伍六七的博客
08-01 2156
示例： 数据格式： 一、获取zTree中选中的节点 /** * 获取treeId中选中的节点Id和Name */ function onCheck(treeId){ var treeObj=$.fn.zTree.getZTreeObj(treeId), nodes=treeObj.getCheckedNodes(true), v=""; pid=...
zTree.getCheckedNodes();
热门推荐
ouou009的专栏
05-19 1万+
首先下载ztree,然后引入到页面中。   前台页面：   %@page contentType="text/html;charset=gbk"%> %@include file="/include/inc/top.inc"%> %@page buffer="none"%> %@page import="common.treebase.TreeBase"%> %@page impo
ElementUI tree 解决父节点选中，回显选中所有子节点问题
嘿嘿
08-10 4189
一、当前面临的问题 当tree中被选择的节点提交给后端时发现没有带父节点的选项 向后端提交了 部分子节点 和 部分子节点的父节点 的数据，当回显的时候，该父节点下全部被选中 二、问题解决 第一个问题的解决方法如下： this.$refs.tree.getCheckedNodes(false,true).map(i => i.id) getCheckedNodes 接收两个 boolean 类型的参数，1. 是否只是叶子节点，默认值为 false 2. 是否包含半选节点，默认值为 false
十五、WEB项目开发之权限分配系统
panchang199266的博客
06-24 5379
（一）案例背景介绍   这里的“权限管理系统”不是依托于Shiro框架，而是依托于“ZTree”插件，纯手工打造。   在做这部分功能时，主要在整个权限系统的设计方面走了一些弯路，最后总结出来的经验就是：先将整个ZTree展示出来，然后再分别实现整个功能。最终效果图如下：   如上图所示，整个权限管理界面分为三颗树：用户树，用户组树和菜单树。基本功能就是：点击用户，出现关联的用户组，可以...
ztree获取选中节点的所有父节点
09-13
你可以使用 zTree 的 `getSelectedNodes` 方法获取选中节点的所有信息，包括父节点。然后，你可以使用这些信息来获取选中节点的所有父节点。 以下是一个示例代码： ```javascript // 获取选中节点的所有父节点 function getSelectedNodeParents() { var zTreeObj = $.fn.zTree.getZTreeObj("treeId"); // 替换为你的 zTree 对象的 ID var selectedNodes = zTreeObj.getSelectedNodes(); var parentNodeList = []; if (selectedNodes.length > 0) { var node = selectedNodes[0]; parentNodeList = node.getPath(); // 获取节点的路径（包括父节点） } return parentNodeList; } ``` 在上面的代码中，`getSelectedNodeParents` 函数会返回一个包含选中节点的所有父节点的数组。你需要将 `"treeId"` 替换为你实际使用的 zTree 对象的 ID。 希望以上信息对你有所帮助！如果有任何其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值