自定义搜索jQuery FancyTree插件

时间:2014-05-08 13:32:44

标签: jquery fancytree

我在我的一个项目中使用了FancyTree jQuery插件:https://github.com/mar10/fancytree

此插件还有一个Filter扩展,可以调暗或隐藏不匹配的节点:https://github.com/mar10/fancytree/wiki/ExtFilter

我的树是一个两级树,这意味着有些子文件夹。我尝试做的是 - 搜索文件夹名称和节点名称。问题是当你有这样的事情时:

节点标题    - 节点孩子    - 节点孩子2

按“标题”搜索将保留文件夹“节点标题”并隐藏孩子,因为其中没有“标题”。

我想要做的是 - 搜索文件夹名称和子名称,但不要隐藏孩子 - 只隐藏不匹配的文件夹。

因此,当您按“标题”搜索时 - 它会隐藏所有没有“标题”的文件夹,但保留“节点标题”文件夹的子节点完整 - 可见。

有人可以帮我提一下如何做到这一点吗?

事先谢谢!

2 个答案:

答案 0 :(得分:5)

这项新功能刚刚实施: https://github.com/mar10/fancytree/wiki/ExtFilter

查找tree.filterBranches(filter)方法。

答案 1 :(得分:1)

我有完全相同的问题,谷歌把我带到了这里。 我花了一些时间来理解这个答案。您必须使用filterBranches(...)替换示例中的filterNodes(...)。内部功能可以保持完全相同。