實用的樹形菜單控件tree

 jQuery plugin: Treeview 

這個插件能夠把無序列表轉換成可展開與收縮的Tree。
 

jQuery plugin: Treeview

 jQuery  

 jstree 

jsTree是一個基於jQuery的Tree控件。支持XML，JSON，Html三種數據源。提供創建，重命名，移動，刪除，拖\放節點操作。可以自己自定義創建，刪除，嵌套，重命名，選擇節點的規則。在這些操作上可以添加多種監聽事件。 

jstree

 jQuery UI Widgets  

 FileTreePanel 

FileTreePanel擴展至Ext.tree.TreePanel附帶基本的文件/文件夾管理功能。其它還包括文件上傳，重命名，刪除，新建與移動。

FileTreePanel

 ExtJs  

 jQuery File Tree 

jQuery File Tree是一個可配置的Ajax文件瀏覽器jQuery插件。可以通過CSS定制外觀，指定文件樹展開圖標，可以自己定義展開／收縮事件、速度，配置加載信息等。 jQuery File Tree通過Ajax來獲取文件信息。

jQuery File Tree

 jQuery  

 dhtmlxTree  

dhtmlxTree是一個功能豐富的Tree Menu控件。提供豐富的操作API，AJAX支持和drag-n-drop功能。

dhtmlxTree

 

 dTree 

dTree是一個易於使用的JavaScript樹形菜單控件。支持無限分級，可以在同一個頁面中放置多個dTree，可以為每個節點指定不同的圖標。

dTree

 

 Yahoo! UI Library: TreeView 

YUI TreeView Control這個樹形組件，支持通過XMLHttpRequest對象動態加載節點數據，自定義每一個節點metadata。 

Yahoo! UI Library: TreeView

 YUI  

 Fonshen JS MenuTree 

風聲JS菜單樹,程序基於JavaScript/XHTML/CSS標准實現。支持豐富的功能/表現定制：擁有表現和數據分離，單頁面可以應用多個無限級菜單樹，多達4種展開模式，風格樣式定義結構清晰、靈活又精細等等特性。

Fonshen JS MenuTree

 Menu  

 Control.Treeview 

采用Mootools開發的樹形菜單控件。支持通過Ajax動態獲取節點，設置默認選中某些節點。

Control.Treeview

 Mootools  

 Folder Tree 

文件夾樹形控件。支持利用拖放（drag and drop）操作來重新排序節點，利用Ajax更新節點。

Folder Tree

 

 TafelTree-view 

TafelTree-view是一個基於Prototype與Script.aculo.us開發的樹形控件。支持拖放操作，Ajax更新節點等。

TafelTree-view

 Prototype Script.aculo.us  

 DHTML Tree 

這是一個基於標准<UL>Html結構構造的Tree控件。

DHTML Tree

 

 dFTree 

dFTree是一個javascript+css Folder Tree支持利用Ajax技術動態新增/刪除/修改節點等功能。

dFTree

 

 CheckTree 

帶Checkbox的樹型jQuery插件。

CheckTree

 jQuery  

 JxLib 

JxLib是一個基於Mootools開發的Web UI庫。類似於jQuery UI、Ext JS或Dijit。擁有豐富文檔和示例。提供的主要UI控件包括：

• layout managers
• buttons
• tabs
• toolbars
• dialogs
• panels
• trees
• grid control
  

JxLib

 Grid Menu Mootools Tabs UI  

 Mif.Tree 

Mif.Tree是一個利用MooTools開發的樹形菜單控件。其代碼非常靈活，能夠讓你控制導航的每一部分如：添加新的節點；拖放節點；排序，定義顯示外觀等。Mif.Tree還支持通過鍵盤進行瀏覽，支持帶有checkbox控件的Tree menus。

Mif.Tree

 

 MooTools Tree-Component 

支持Drag&Drop操作，采用Mootools開發的樹形控件。

MooTools Tree-Component

 Mootools  

 JQTreeTable 

JQTreeTable這個jQuery插件能夠將普通的HTML表格轉換成帶有嵌有Tree控件的表格。

JQTreeTable

 Grid jQuery  

 jQuery Simple Tree 

jQuery Simple Tree是一個可拖放的樹形控件。支持通過Ajax動態加載樹節點，具有簡單易於使用和漂亮的外觀等特點。

jQuery Simple Tree

 jQuery  

 NotesForMenu 

NotesForMenu是一個非常簡單的jQuery插件用於創建多層級樹形菜單，只需一行代碼就能夠實現。

NotesForMenu

 jQuery  

 

 wdTree  

wdTree是一個輕量級jQuery插件用於展示帶有復選框的樹形控件。支持從數據庫懶加載節點，可以配置節點屬性。

wdTree

 jQuery  

 AdubyTree 

AdubyTree是一個帶有checkbox復選框的樹形jQuery插件。

• 支持XML和JSON兩種數據格式
• 支持本地數據和動態 AJAX遠程數據。
• 支持checkbox復選框，方便實際應用。
• 自帶basic、books、org、orguser、vista五套主題，用戶可以擴展定制主題。
  

AdubyTree

 jQuery  

 zTree 

利用Jquery的核心代碼，實現一套能完成大部分常用工作的Tree功能

• 兼容 IE、FireFox、Chrome 等瀏覽器（對於IE 6.0的兼容問題將不做特殊維護）
• 在一個頁面內可同時生成多個 Tree 實例
• 支持 JSON 數據
• 支持一次性靜態生成 和 Ajax異步加載 兩種方式
• 支持多種事件響應及反饋
• 支持 Tree 的節點移動
• 支持任意更換皮膚（依靠css）
• 支持極其靈活的Checkbox選擇功能
• 個性化圖標
• 簡單的參數配置實現 靈活多變的功能

zTree

 jQuery  

 Lightweight TreeList widget 

這是一個利用jQuery UI Widget Factory創建的輕量級，可換膚樹形列表控件。

Lightweight TreeList widget

 jQuery  

 jQuery LigerUI 

簡介 LigerUI是基於jQuery開發的一系列控件組，包括表單、布局、表格等等常用UI控件 使用LigerUI可以快速創建風格統一的界面效果。

jQuery LigerUI

 jQuery UI  

 一個對JQuery Dynatree進行封裝的插件 - MagicDTree 

MagicDTree是 JQuery 著名樹形插件Dynatree的包裝類，增加右鍵菜單，添加、刪除、更新接口。

一個對JQuery Dynatree進行封裝的插件 - MagicDTree

 jQuery  

 JS樹狀菜單和表格控件 Tabletree4j 

TableTree4J 是一個開源的基於javascript的樹狀菜單和表格控件，實用TableTree4J可以輕易實現帶樹狀折疊效果的表格和樹狀折疊菜單。

支持以下功能：

1.多種模式切換，樣式更改 
2.cookies保存樹狀狀態 
3.節點自定義排序 
4.全瀏覽器支持 
5.支持所有樹狀控件的基本功能 
6.豐富的API文檔和多種展示例子，中英文語言選擇

JS樹狀菜單和表格控件 Tabletree4j

 Grid  

 wdTree 

wdTree是一個輕量級jQuery插件用於創建一個帶有嵌套Check Boxe的樹形控件。它擁有以下特性：

• 父子節點選中
• 從數據庫懶加樹節點
• 可配置的節點屬性

wdTree

 jQuery  

出處： http://www.open-open.com/ajax/Tree.htm