2011-03-14 29 views
1

我一直在尋找一個JavaScript的TreeView控件,它支持'即時'搜索,過濾(類似於自動完成框)。有沒有一個好的treeview控件支持ajax搜索,過濾?

我發現ExtJS具有該功能,但它太大(〜800 KB js)。我也喜歡jQuery TreeTable控件,但我不確定它是否支持該功能。

請指教。任何建議都是值得歡迎的,非常感謝。

+0

任何更多的建議傢伙?請幫忙,謝謝。 – 2011-03-14 23:48:05

+0

我希望有人知道類似ExtJS的樹控件和它的過濾功能TreeView控件開始賞金。 – 2011-03-16 22:24:18

+0

ExtJS js文件非常大。如果你走這條路我會的主頁加載後阿賈克斯它使用戶可以延胡索它不知道,可將其在需要的時候。 – 2011-03-23 20:25:43

回答

4

我建議jstree,它附帶一些很好的插件,比如從服務器獲取節點的json插件,以及搜索插件。

這不是您想要的搜索行爲一個完美的解決方案,但你可以使用你的優勢:

「搜索插件使各節點,其標題中包含給定的字符串搜索,工作在異步樹木也全部。找到的節點將jstree搜索類應用於其包含的節點 - 您可以使用該類對搜索結果進行樣式設置。「

所以如果你知道所有的節點都有這個類,你可以事先隱藏所有的節點,然後讓搜索插件添加這個類來覆蓋(!important)css類的顯示屬性。

+0

謝謝Nick。我之前遇到過它。有沒有一個插件可以即時搜索和「縮小到結果」?你給我的鏈接只突出搜索結果。 – 2011-03-14 23:19:04

+0

你的意思是,你只顯示已被搜索命中的節點? – 2011-03-15 20:53:16

+0

是的,這就是我需要的。 – 2011-03-15 21:03:57

0

退房從obout.com的TreeView組件。不過,這是ASP.NET。

-2

800 KB在一個網站或網絡應用程序中是不是現在太多。 輸入Google,輸入「jquery treeview plugin」(即時搜索開啓),你將下載約250 KB,你甚至沒有眨眼。

我不的Ext JS的大風扇,我很驚訝的的jQuery + jQuery用戶界面+插件+ jQuery的工具等,但Ext JS的TreeView控件是非常有用的,隨時可以使用。

還有lots of possibilities with 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

希望這會有所幫助

+0

5年前的800k今天已經高達800k。直到幾天前,我的UMTS網絡連接速度很慢,而且800k是很多的。而且,網絡不需要填充不必要的數據。 – cweiske 2011-03-23 11:07:55

+3

移動客戶端和慢速網絡讓我們回到5-10年,因此提高負載效率與過去一樣重要。 – 2011-03-23 13:32:06

+0

這是800K + 200K jquery +插件+ stylesh * t。對於一個web 2.0項目來說太多了...... – 2011-03-23 19:23:17

0

嘗試http://www.addobject.com/nlstree這是一個商業解決方案,但我遇到的最好的。記錄良好,相當靈活,並且具有良好的整體性能。它的行爲可以使用它公開的各種事件輕鬆擴展。

如果這一個不適合您的要求工作,更好地開始編碼之一。

相關問題