javascript 樹控件 比較好用
TreePanels 是ExtJS自身使用的樹控件,它是目前最好用的樹控件之一,它有諸多優(yōu)點(diǎn)比如支持自由拖放,ExtJS本身就有非常完善的API和開發(fā)文檔,但是商業(yè)項目是需要購買license的。
QooXdoo Tree Widget是一款OOP風(fēng)格的js樹控件,它支持自由擴(kuò)展樹控件的樣式,比如做成跟文件系統(tǒng)一樣的風(fēng)格,還支持動態(tài)添加子節(jié)點(diǎn)、鍵盤導(dǎo)航。
3.jsTree
jstree兼容多個瀏覽器,它有諸多跟extjs TreePanels一樣的有點(diǎn),不過由于是基于Jquery的插件,所以代碼風(fēng)格就不是OOP。
4.TreeView
TreeView 是基于Jquery的輕量性、可擴(kuò)展性強(qiáng)的樹控件,它可以把ul列表轉(zhuǎn)變成可以折疊伸縮的樹,支持基于配置存儲和cookie的樹結(jié)構(gòu)保存策略,樹控件的基礎(chǔ)代碼比較輕量很適合在集成到各種項目。
跟4功能比較類似,風(fēng)格更接近xp文件系統(tǒng),構(gòu)造起來非常方便。
這是一款可配置的、ajax方式讀取的Jquery文件瀏覽插件,大概用一行代碼你就可以構(gòu)造一顆樹,它支持的服務(wù)端語言包括:PHP, ASP, ASP.NET, JSP, and Lasso,(它直接輸出HTML,而jsTree和Extjs分別是通過json和xml來構(gòu)建樹)。
jQuery SimpleTree是用來展示樹形結(jié)構(gòu)的可拖放插件,簡介美觀但是代碼比較晦澀所以擴(kuò)展可能比較難。
又一個輕量級樹控件。
9.Graphic JavaScript Tree with Layout
實現(xiàn)了J.Q.WalkerII(譯者注:一種節(jié)點(diǎn)定位算法)一款js樹控件。
10、Fly mini Tree 1.0 js 樹控件
總結(jié)
構(gòu)建樹控件的比較理想的一種方法是用ul、li這種簡單的標(biāo)簽組合來實現(xiàn),但是你如果想實現(xiàn)復(fù)雜一點(diǎn)的比如要節(jié)點(diǎn)可編輯、可拖動、可更換風(fēng)格等等我想ExtJS是最好的選擇了。
相關(guān)文章
JavaScript實現(xiàn)創(chuàng)建自定義對象的常用方式總結(jié)
這篇文章主要介紹了JavaScript實現(xiàn)創(chuàng)建自定義對象的常用方式,結(jié)合實例形式總結(jié)分析了JavaScript工廠模式、構(gòu)造函數(shù)模式、原型模式、組合模式等常用的自定義對象創(chuàng)建模式操作與使用技巧,需要的朋友可以參考下2018-07-07Bootstrap下拉菜單更改為懸停(hover)觸發(fā)的方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap下拉菜單更改為懸停(hover)觸發(fā)的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05JS項目中對本地存儲進(jìn)行二次的封裝的實現(xiàn)
這篇文章主要介紹了JS項目中對本地存儲進(jìn)行二次的封裝,這里我們將要使用到的key存儲下來,新建一個叫constant-storage.js的文件,對外暴露一些key的鍵名,也方便后期統(tǒng)一修改,這里因為都是恒量,所以名稱我們都用大寫表示,需要的朋友可以參考下2022-07-07ElementUI的Dialog彈窗實現(xiàn)拖拽移動功能示例代碼
這篇文章主要介紹了ElementUI的Dialog彈窗實現(xiàn)拖拽移動功能,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07