是否有一个好的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
希望这可以帮助