自定义搜索 jQuery FancyTree 插件

Question

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

这个插件还有一个过滤器扩展，可以调暗或隐藏不匹配的节点：https://github.com/mar10/fancytree/wiki/ExtFilter

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

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

按“标题”搜索将离开文件夹“节点标题”并隐藏子项，因为其中没有“标题”。

我想要做的是 - 按文件夹名称和子名称搜索，但不隐藏子名称 - 仅隐藏不匹配的文件夹。

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

谁能帮我建议如何做到这一点？

先谢谢了！

Answer 1

这个新功能刚刚实现： https://github.com/mar10/fancytree/wiki/ExtFilter

寻找tree.filterBranches(filter) 方法。

Answer 2

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