是否有一个好的treeview控件支持ajax搜索,过滤?

我一直在寻找一个javascript树视图控件,支持“即时”搜索,过滤(类似于自动完成框)。

我发现ExtJS有这个function,但它太大了(约800 KB js)。 我也喜欢jquery TreeTable控件,但我不确定它是否支持该function。

请指教。 任何建议都是受欢迎的,非常感谢。

我建议jstree ,它确实附带了一些不错的插件,比如从服务器获取节点的json插件,以及搜索插件。

它不是您所需搜索行为的完美解决方案,但您可以利用此优势:

“搜索插件可以搜索标题包含给定字符串的节点,也可以处理异步树。所有找到的节点都会将jstree-search类应用于它们包含的节点 – 您可以使用该类来设置搜索结果的样式。”

因此,如果您知道所有节点都获得此类,您可以事先轻松隐藏所有节点,然后让搜索插件添加此类,该类覆盖(!important)css类的display属性。

您可以查看这篇文章8有用的JQuery TreeView示例

从obout.com查看TreeView组件。 但它是ASP.NET。

试试http://www.addobject.com/nlstree这是一个商业解决方案,但我遇到过最好的解决方案。 记录完备,非常灵活,具有良好的整体性能。 可以使用它公开的各种事件轻松扩展其行为。

如果这个不适合您的要求,最好开始编码。

去寻找jstree 。 它的轻盈和良好。

现在,网站或Web应用程序中的800 KB并不算太多。 进入谷歌,输入“jquery treeview插件”(即时搜索打开),你将下载大约250 KB,你甚至没有眨眼。

我不是Ext JS的忠实粉丝,我对jQuery + jQuery UI +插件+ jQuery工具等感到惊讶。但Ext JS TreeView非常有用,可以随时使用。

TreeView有很多可能性 (甚至TreeGrid,我认为是你正在寻找的TreeTable)。

你也可以尝试创建你自己的Ext JS treeview包(它们曾经有一个Ext JS构建器,但它不再可用)只有必需的依赖项。

我认为使用Ext JS时的主要问题是当你绘制复杂的界面时,例如: http : //dev.sencha.com/deploy/dev/examples/feed-viewer/view.html

http://dev.sencha.com/deploy/dev/examples/desktop/desktop.html

http://dev.sencha.com/deploy/dev/examples/calendar/index.html

但你可以尝试一个TreeView(一个TreeGrid)的复杂例子,你会发现它并不太多: http : //dev.sencha.com/deploy/dev/examples/treegrid/treegrid.html

希望这可以帮助