樹形選單大集合,帶checkbox,帶右鍵選單,重新命名,動態修改等

我太懶發表於2013-11-18


zTree 

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

zTree

 jQuery  

 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  

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

Lightweight TreeList widget

 jQuery  


相關文章