實用的樹形菜單控件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