关于zTree的模糊搜索功能(fuzzysearch)筛选后，getCheckedNodes方法无法获取全部已勾选节点的问题

于 2023-07-24 10:07:01 发布
阅读量355 收藏
点赞数
文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35317263/article/details/131889873
版权

如题：模糊搜索后，勾选复选框或者取消勾选，然后保存调接口传参时，用getCheckedNodes只会获取筛选后的node！！无法获取所有已勾选的节点
尝试了几种方案和思路：

1：保存前清空搜索框，让树节点恢复筛选前状态再用getCheckedNodes获取（发现并不能触发fuzzysearch中的input监听事件，故放弃）


2：每次勾选记录已勾选和未勾选，存到数组里（代码量略多，故放弃）

3：用官方提供的getNodesByParam方法

以上是几种思路，第一种方法如果有伙伴研究出来，可以联系我互相交流呀~

qq_35317263
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ztree自定义搜索功能 -- 可递归无限层
01-24
ztree节点关键字搜索功能，可自定义搜索规则，不限层次，匹配失败父节点也会隐藏
ztree树的模糊搜索功能
01-08 338
在做机场项目的时候，业务为一个input框，点击的时候出现一个下拉树，这个下拉树是所有的设备，由于设备太多，加上分了区域，为了更好的用户体验，设计一个模糊搜索的功能，方便用户进行选择 具体实现过程如下： 第一步：ui设计 一个input输入框，用于输入用，下方一个div或者是一个ul用于ztree树用 <ul class="list"> <l...
利用ztree实现树搜索
ym_diver的博客
09-24 3603
最近工作中需要利用ztree实现树搜索功能，在网上看了一下别人的轮子觉得都有点不适合需求，所以根据自己的实际情况进行了改进，经过几次优化，觉得效果还能用：  /** * 搜索功能3.0 * @type {Element} */ var node = document.querySelector('#client_name'); var cpLock = false; var
ztree 加搜索框_zTree实现可搜索功能（升级版）
weixin_39827506的博客
01-12 1798
1、问题背景(1)生成zTree(2)点击节点选中并给输入框赋值(3)输入某个字符，树节点含有该字符被选中，颜色发生变化2、实现源码zTree具有搜索功能var setting = {view: {showIcon:false,showTitle: false,showLine: true,fontCss: setFontCss},callback: {onClick: zTreeOnClick}...
zTree实现树形图模糊搜索
weixin_34184561的博客
12-23 429
0. 项目地址: https://github.com/bigablecat/zTreeFuzzySearch 1. 在搜索框中输入关键字,希望实现的效果: a). 树形图隐藏所有不匹配的节点 b). 节点名称中匹配部分高亮 2. 慢速演示: 3. 完整代码和详细注释如下: a). html部分 <!-- fuzzysearch.html -...
zTreeFuzzySearch(带搜索的树目录功能)
04-15
zTreeFuzzySearch(参照亚马逊中文网图书板块)，带搜索的树目录功能，可以直接套用到项目上面去。
Ztree前端搜索筛选操作
lxyforever5的博客
04-13 1095
1.进行关键字搜索，界面代码。3.ztree的筛选事件。
【javascript】ztree插件实现树节点检索功能
最新发布
MoFe1的博客
06-14 914
【javascript】ztree插件实现树节点检索功能
el-cascader给默认值后在mounted中getCheckedNodes获取不到节点值
qq_40179700的博客
09-03 4029
el-cascader的option值是异步函数获取的，给一个默认值，在mounted中getCheckedNodes得到的结果却是空数组
zTree加模糊搜索功能，结合后端数据
qq_57420582的博客
11-23 1296
ztree模糊搜索
jquery ztree实现树的搜索功能
10-22
主要为大家详细介绍了jquery ztree实现树的搜索功能，zTree是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的Tree插件，对ztree感兴趣的小伙伴们可以参考一下
ztree获取当前选中节点子节点id集合的方法
09-03
主要介绍了ztree获取当前选中节点子节点id集合的方法,实例分析了ztree的方法transformToArray使用技巧,需要的朋友可以参考下
jquery ztree实现模糊搜索功能
10-22
主要为大家详细介绍了jquery ztree实现模糊搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ztree加载完成后显示勾选节点的实现代码
12-10
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 介绍 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合...
后台获取ZTREE选中节点的方法
09-03
主要介绍了后台获取ZTREE选中节点的方法,实例分析了ZTREE中getZTreeObj方法与getCheckedNodes方法的使用技巧,需要的朋友可以参考下
zTree实现树的模糊搜索功能
热门推荐
f954618482
06-01 2万+
 项目中使用到zTree模糊搜索，查看官方API，官方提供的fuzzySearch()方法可以实现模糊搜索，但是当我点击子节点进行查询数据的时候，怎么也获取不到，js调试发现获取到的名字中加了span标签，后台无法获取数据。于是在网上查询资料后自己做一个demo。主要代码页面代码&lt;div class="zTreeDemoBackground left"&gt; 搜索：&lt;input ...
关于zTree树形插件搜索框。
上善若水的博客
11-20 8472
今天学习了一个zTree树形搜索框的功能，学习之前先把zTree的相关知识看了一遍，记录下来如下： 1.获取 id 为 treeDemo 的 zTree 对象 var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); 2.zTree 初始化方法，创建 zTree 必须使用此方法 var zTree = $.fn.zTree.init($("#t
ztree模糊查询，效率高
weixin_43862832的博客
09-01 1179
一般ztree模糊查询会使用到getNodesByParamFuzzy()这个方法，但是当数据量大的时候，会显得卡顿，所以我们不用这个方法 我使用的是fuzzySearch()方法 版本必须高于ztree v3.5.19.1及以上 ztree v3.5.19.1及以上,使用到getPath()方法 ztree.exhide扩展,使用到hideNode()方法 function fuzzySearch(zTreeId, searchField, isHighLight, isExpand){ var
element级联选择器中模糊搜索时getCheckedNodes()获取不到当前节点
NancyFyn的博客
09-03 2650
踩了个坑… 使用getCheckedNodes()获取当前节点是ok的,但是当级联菜单模糊搜索时getCheckedNodes()获取当前节点为空.开始以为是element的版本问题,但是经查验并不是 当使用getCheckedNodes()方法获取不到节点时,我们可以使用反查的方法getNodeByValue(),去找当前节点 this.$refs[`cascader${index}`][0].panel.getNodeByValue(value) 使用此方法可以反查到节点信息,从而获取到需要的数据
var ssqyids = $.tree.getCheckedNodes(); var xqdssqyids = $.tree.getCheckedNodes(); 两个ztree 怎么来正确获取勾选的节点
06-10
在获取勾选节点时，需要分别调用每个ztree实例的getCheckedNodes()方法来获取勾选的节点数组。假设第一个ztree实例的名称为tree1，第二个ztree实例的名称为tree2，代码如下： ``` var ssqyids = tree1.getCheckedNodes(true); //获取tree1中勾选的节点数组 var xqdssqyids = tree2.getCheckedNodes(true); //获取tree2中勾选的节点数组 ``` 需要注意的是，在调用getCheckedNodes()方法时，需要传入一个bool类型的参数，如果传入true，则方法会返回勾选的父子节点，如果传入false，则方法只会返回勾选的子节点。因此在上述代码中，我们传入true来获取勾选的父子节点。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值