jquery - 自定义搜索 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(...)。内部功能可以保持完全相同。