javascript 樹控制項 比較好用

來源:互聯網
上載者:User

1.ExtJS TreePanels


TreePanels 是ExtJS自身使用的樹控制項,它是目前最好用的樹控制項之一,它有諸多優點比如支援自由拖放,ExtJS本身就有非常完善的API和開發文檔,但是商業項目是需要購買license的。


2.QooXdoo Tree Widget

QooXdoo Tree Widget是一款OOP風格的js樹控制項,它支援自由擴充樹控制項的樣式,比如做成跟檔案系統一樣的風格,還支援動態添加子節點、鍵盤導航。

3.jsTree

jstree相容多個瀏覽器,它有諸多跟extjs TreePanels一樣的有點,不過由於是基於Jquery的外掛程式,所以代碼風格就不是OOP。

4.TreeView

TreeView 是基於Jquery的輕量性、可擴充性強的樹控制項,它可以把ul列錶轉變成可以摺疊伸縮的樹,支援基於配置儲存和cookie的樹結構儲存策略,樹控制項的基礎代碼比較輕量很適合在整合到各種項目。

5.Destroydrop

跟4功能比較類似,風格更接近xp檔案系統,構造起來非常方便。

6.jQuery File Tree

這是一款可配置的、ajax方式讀取的Jquery檔案瀏覽外掛程式,大概用一行代碼你就可以構造一顆樹,它支援的服務端語言套件括:PHP, ASP, ASP.NET, JSP, and Lasso,(它直接輸出HTML,而jsTree和Extjs分別是通過json和xml來構建樹)。

7.jQuery Simple Tree

jQuery SimpleTree是用來展示樹形結構的可拖放外掛程式,簡介美觀但是代碼比較晦澀所以擴充可能比較難。

8.DHTML TreeView

又一個輕量級樹控制項。

9.Graphic JavaScript Tree with Layout

實現了J.Q.WalkerII(譯者註:一種節點定位演算法)一款js樹控制項。

10、Fly mini Tree 1.0 js 樹控制項

總結

構建樹控制項的比較理想的一種方法是用ul、li這種簡單的標籤組合來實現,但是你如果想實現複雜一點的比如要節點可編輯、可拖動、可更換風格等等我想ExtJS是最好的選擇了。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.