28款jQuery Tree 樹形結構插件


1)jQuery File Tree
jquery-tree-drop-down-multi-level-menu-navigation
(2)jQuery plugin: Treeview (演示地址)

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

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附帶基本的文件/文件夾管理功能。其它還包括文件上傳,重命名,刪除,新建與移動。
FileTree
(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

(18)Mif.Tree

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

(19)MooTools Tree-Component
MooTools Tree-Component支持Drag&Drop操作,采用Mootools開發的樹形控件。
Tree-Component.jpg
(20)JQTreeTable
JQTreeTable這個jQuery插件能夠將普通的HTML表格轉換成帶有嵌有Tree控件的表格。
JQTreeTable.jpg
(21)jQuery Simple Tree
jQuery Simple Tree是一個可拖放的樹形控件。支持通過Ajax動態加載樹節點,具有簡單易於使用和漂亮的外觀等特點。
SimpleTree.jpg
(22)NotesForMenu
NotesForMenu是一個非常簡單的jQuery插件用於創建多層級樹形菜單,只需一行代碼就能夠實現。
NotesForMenu.jpg
(23)wdTree
wdTree是一個輕量級jQuery插件用於展示帶有復選框的樹形控件。支持從數據庫懶加載節點,可以配置節點屬性。
tree2.jpg
(24)AdubyTree
AdubyTree是一個帶有checkbox復選框的樹形jQuery插件。

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

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

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

zTree.png
(26)Lightweight TreeList widget
這是一個利用jQuery UI Widget Factory創建的輕量級,可換膚樹形列表控件。
TreeList.jpg
(27)jQuery LigerUI
簡介 LigerUI是基於jQuery開發的一系列控件組,包括表單、布局、表格等等常用UI控件 使用LigerUI可以快速創建風格統一的界面效果。
LigerUI.jpg

(28)MagicDTree

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM