1.ExtJS TreePanels
TreePanels 是ExtJS自身使用的樹控制項,它是目前最好用的樹控制項之一,它有諸多優點比如支援自由拖放,ExtJS本身就有非常完善的API和開發文檔,但是商業項目是需要購買license的。
2.QooXdoo Tree Widget
QooXdoo Tree Widget是一款OOP風格的js樹控制項,它支援自由擴充樹控制項的樣式,比如做成跟檔案系統一樣的風格,還支援動態添加子節點、鍵盤導航。
3.jsTree
jstree相容多個瀏覽器,它有諸多跟extjs TreePanels一樣的有點,不過由於是基於Jquery的外掛程式,所以代碼風格就不是OOP。
4.TreeView
TreeView 是基於Jquery的輕量性、可擴充性強的樹控制項,它可以把ul列錶轉變成可以摺疊伸縮的樹,支援基於配置儲存和cookie的樹結構儲存策略,樹控制項的基礎代碼比較輕量很適合在整合到各種項目。
5.Destroydrop
跟4功能比較類似,風格更接近xp檔案系統,構造起來非常方便。
6.jQuery File Tree
這是一款可配置的、ajax方式讀取的Jquery檔案瀏覽外掛程式,大概用一行代碼你就可以構造一顆樹,它支援的服務端語言套件括:PHP, ASP, ASP.NET, JSP, and Lasso,(它直接輸出HTML,而jsTree和Extjs分別是通過json和xml來構建樹)。
7.jQuery Simple Tree
jQuery SimpleTree是用來展示樹形結構的可拖放外掛程式,簡介美觀但是代碼比較晦澀所以擴充可能比較難。
8.DHTML TreeView
又一個輕量級樹控制項。
9.Graphic JavaScript Tree with Layout
實現了J.Q.WalkerII(譯者註:一種節點定位演算法)一款js樹控制項。
10、Fly mini Tree 1.0 js 樹控制項
總結
構建樹控制項的比較理想的一種方法是用ul、li這種簡單的標籤組合來實現,但是你如果想實現複雜一點的比如要節點可編輯、可拖動、可更換風格等等我想ExtJS是最好的選擇了。