1. 程式人生 > >28款jQuery Tree 樹形結構外掛

28款jQuery Tree 樹形結構外掛

jstree是一個基於jQuery的Tree控制元件。支援XML,JSON,Html三種資料來源。提供建立,重新命名,移動,刪除,拖”放節點操作。可以自己自定義建立,刪除,巢狀,重新命名,選擇節點的規則。在這些操作上可以新增多種監聽事件。

(4)jQuery File Tree
jQuery File Tree是一個可配置的Ajax檔案瀏覽器jQuery外掛。可以通過CSS定製外觀,指定檔案樹展開圖示,可以自己定義展開/收縮事件、速度,配置載入資訊等。 jQuery File Tree通過Ajax來獲取檔案資訊。

(5)CheckTree
帶Checkbox的樹型jQuery外掛。

(6)

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

(7)dTree
dTree是一個易於使用的JavaScript樹形選單控制元件。支援無限分級,可以在同一個頁面中放置多個dTree,可以為每個節點指定不同的圖示。

(8)FileTreePanel
FileTreePanel擴充套件至Ext.tree.TreePanel附帶基本的檔案/資料夾管理功能。其它還包括檔案上傳,重新命名,刪除,新建與移動。

(9)Yahoo! UI Library: TreeView
YUI TreeView Control這個樹形元件,支援通過XMLHttpRequest物件動態載入節點資料,自定義每一個節點metadata。

(10)
Fonshen JS MenuTree

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

(11)Control.Treeview
採用Mootools開發的樹形選單控制元件。支援通過Ajax動態獲取節點,設定預設選中某些節點。

(12)Folder Tree
資料夾樹形控制元件。支援利用拖放(drag and drop)操作來重新排序節點,利用Ajax更新節點。

(13)TafelTree-view
TafelTree-view是一個基於Prototype與Script.aculo.us開發的樹形控制元件。支援拖放操作,Ajax更新節點等。

Prototype Script.aculo.us
(14)DHTML Tree
這是一個基於標準<UL>Html結構構造的Tree控制元件。

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

(16)CheckTree

帶Checkbox的樹型jQuery外掛。

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

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

Mif.Tree是一個利用MooTools開發的樹形選單控制元件。其程式碼非常靈活,能夠讓你控制導航的每一部分如:新增新的節點;拖放節點;排序,定義顯示外觀等。Mif.Tree還支援通過鍵盤進行瀏覽,支援帶有checkbox控制元件的Tree menus。

(19)MooTools Tree-Component
MooTools Tree-Component支援Drag&Drop操作,採用Mootools開發的樹形控制元件。

(20)JQTreeTable
JQTreeTable這個jQuery外掛能夠將普通的HTML表格轉換成帶有嵌有Tree控制元件的表格。

(21)jQuery Simple Tree
jQuery Simple Tree是一個可拖放的樹形控制元件。支援通過Ajax動態載入樹節點,具有簡單易於使用和漂亮的外觀等特點。

(22)NotesForMenu
NotesForMenu是一個非常簡單的jQuery外掛用於建立多層級樹形選單,只需一行程式碼就能夠實現。

(23)wdTree 
wdTree是一個輕量級jQuery外掛用於展示帶有複選框的樹形控制元件。支援從資料庫懶載入節點,可以配置節點屬性。

(24)AdubyTree
AdubyTree是一個帶有checkbox複選框的樹形jQuery外掛。

  • 支援XML和JSON兩種資料格式
  • 支援本地資料和動態 AJAX遠端資料。
  • 支援checkbox複選框,方便實際應用。
  • 自帶basic、books、org、orguser、vista五套主題,使用者可以擴充套件定製主題。

(25)zTree
利用Jquery的核心程式碼,實現一套能完成大部分常用工作的Tree功能

  • 相容 IE、FireFox、Chrome 等瀏覽器(對於IE 6.0的相容問題將不做特殊維護)
  • 在一個頁面內可同時生成多個 Tree 例項
  • 支援 JSON 資料
  • 支援一次性靜態生成 和 Ajax非同步載入 兩種方式
  • 支援多種事件響應及反饋
  • 支援 Tree 的節點移動
  • 支援任意更換面板(依靠css)
  • 支援極其靈活的Checkbox選擇功能
  • 個性化圖示
  • 簡單的引數配置實現 靈活多變的功能


(26)Lightweight TreeList widget
這是一個利用jQuery UI Widget Factory建立的輕量級,可換膚樹形列表控制元件。

(27)jQuery LigerUI
簡介 LigerUI是基於jQuery開發的一系列控制元件組,包括表單、佈局、表格等等常用UI控制元件 使用LigerUI可以快速建立風格統一的介面效果。

MagicDTree是 JQuery 著名樹形外掛Dynatree的包裝類,增加右鍵選單,新增、刪除、更新介面。