jQuery Light Tree View 是一款基于jQuery框架開發(fā)的輕量級樹形視圖插件。它提供了簡單易用,易于擴(kuò)展的特點(diǎn),與Bootstrap等UI框架完美集成,是Web開發(fā)中常用的樹形控件之一。
從功能角度來看,jQuery Light Tree View提供了以下特點(diǎn):
$($input).lightTreeview({ enableSearch : false, // 是否開啟搜索 onChange: function(node) { // 節(jié)點(diǎn)改變回調(diào) console.log(node); }, data : [ { text: "Node A", href: "#nodeA", tags: ["2"], nodes: [ { text: "Child 1", href: "#child1", tags: ["0"] }, { text: "Child 2", href: "#child2", tags: ["0"] } ] }, { text: "Node B", href: "#nodeB", tags: ["0"] } ] })
除此之外,jQuery Light Tree View還提供了一系列的回調(diào)函數(shù)和事件,包括節(jié)點(diǎn)展開/收起,單擊、雙擊節(jié)點(diǎn)等等,開發(fā)者可以根據(jù)自己的需求來擴(kuò)展功能。
最后提到一點(diǎn),jQuery Light Tree View除了具備樹形控件的基本功能外,還支持樣式定制。既可通過修改css文件達(dá)到效果,也可通過修改包含樣式的html來達(dá)到目的。