1.ExtJS TreePanels

TreePanels 是ExtJS自身使用的樹控件，它是目前最好用的樹控件之一，它有諸多優(yōu)點比如支持自由拖放，ExtJS本身就有非常完善的API和開發(fā)文檔，但是商業(yè)項目是需要購買license的。

2.QooXdoo Tree Widget

QooXdoo Tree Widget是一款OOP風(fēng)格的js樹控件，它支持自由擴展樹控件的樣式，比如做成跟文件系統(tǒng)一樣的風(fēng)格，還支持動態(tài)添加子節(jié)點、鍵盤導(dǎo)航。

3.jsTree

jstree兼容多個瀏覽器，它有諸多跟extjs TreePanels一樣的有點，不過由于是基于Jquery的插件，所以代碼風(fēng)格就不是OOP。

4.TreeView

TreeView 是基于Jquery的輕量性、可擴展性強的樹控件，它可以把ul列表轉(zhuǎn)變成可以折疊伸縮的樹，支持基于配置存儲和cookie的樹結(jié)構(gòu)保存策略，樹控件的基礎(chǔ)代碼比較輕量很適合在集成到各種項目。

5.Destroydrop

跟4功能比較類似，風(fēng)格更接近xp文件系統(tǒng)，構(gòu)造起來非常方便。

6.jQuery File Tree

這是一款可配置的、ajax方式讀取的Jquery文件瀏覽插件，大概用一行代碼你就可以構(gòu)造一顆樹，它支持的服務(wù)端語言包括：PHP, ASP, ASP.NET, JSP, and Lasso，（它直接輸出HTML，而jsTree和Extjs分別是通過json和xml來構(gòu)建樹）。

7.jQuery Simple Tree

jQuery SimpleTree是用來展示樹形結(jié)構(gòu)的可拖放插件，簡介美觀但是代碼比較晦澀所以擴展可能比較難。

8.DHTML TreeView

又一個輕量級樹控件。

9.Graphic JavaScript Tree with Layout

實現(xiàn)了J.Q.WalkerII（譯者注：一種節(jié)點定位算法）一款js樹控件。

10、Fly mini Tree 1.0 js 樹控件

總結(jié)

構(gòu)建樹控件的比較理想的一種方法是用ul、li這種簡單的標(biāo)簽組合來實現(xiàn)，但是你如果想實現(xiàn)復(fù)雜一點的比如要節(jié)點可編輯、可拖動、可更換風(fēng)格等等我想ExtJS是最好的選擇了。

最新評論