ztree根据关键字模糊搜索

最新推荐文章于 2024-07-16 10:23:26 发布

BinaryCSharp

最新推荐文章于 2024-07-16 10:23:26 发布

阅读量2.8w

点赞数 2

分类专栏： ztree javascript jquery 文章标签： ztree jquery

本文链接：https://blog.csdn.net/danielpei1222/article/details/52078013

版权

本文介绍了如何使用zTree进行关键字模糊搜索。通过zTree API，实现了展示完整树结构并根据关键字筛选、隐藏不符合条件的叶子节点的功能。提供了页面结构和核心JS代码示例，并附带了Demo截图及资源下载链接。

摘要由CSDN通过智能技术生成

zTree 是一个依靠 jQuery 实现的多功能 “树插件“。

本文通过利用zTree API编写了一个根据关键字进行模糊搜索的demo。

整体思路：
1. 利用zTree显示完整树结构；
2. 根据关键字，筛选出不包含关键字的叶子节点，并将这些不符合条件的叶子节点全部隐藏

1. html页面需要引入以下资源

<!-- jquery包，ztree依赖jquery --> 
<script type="text/javascript" src="ztree/js/jquery-1.4.4.min.js"></script>

关注

专栏目录