最好用的javascript樹控制項

• ExtJS
• jquery

 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

°嶶涼°昜祥。ノ - 薇涼 °昜祥" src="http://jsssc.cn/wp-content/uploads/2009/06/destroydrop.png" border="0" alt="最好用的javas<wbr>cript樹控制項[轉] - °嶶涼°昜祥。ノ - 薇涼
°昜祥">

跟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樹控制項。

總結

構建樹控制項
的比較理想的一種方法是用ul、li這種簡單的標籤組合來實現，但是你如果想實現複雜一點的比如要節點可編輯、可拖動、可更換風格等等我想ExtJS是最
好的選擇了。

 

原文：Best
JavaScript Tree Widgets