jquery jstree 外掛程式的使用

2022-06-23 08:51:14 字數 1611 閱讀 7344

最近乙個專案 需要用到jstree 這個jquery外掛程式,就研究了下,做目錄樹 選單還是很強大的,下面對經常會用到幾個用法做下說明。

1. 首先頁面 引用 jquery.jstree

2. html :

[html]view plain

copy

ins>  

all product  

a>  

ins>  

a>  

ins>  

a>  

li>  

ul>  

li>  

ul>  

li>  

ul>  

div>  

預設所有目錄樹開啟不選中, 樣式為 

[html]view plain

copy

class="jstree-closed jstree-unchecked">  

[html]view plain

copy

[html]view plain

copy

預設開啟目錄樹,樣式為  

[html]view plain

copy

class="jstree-open jstree-unchecked">pre>pre>預設需要全選,樣式嘗試pre>class="jstree-open jstree-checked">pre>pre>3. js 載入該目錄樹pre>pre>// 設定jstree 主題路徑  

$.jstree._themes = www_url_js + 'jstree/themes/';  

$("#cate_tree").jstree(  

});pre>

pre>  

預設主題 是default,是資料夾樣式,classic 是 + - 號的樣式pre>  

pre>  

pre>  

p>  

p>  

pre>  

4. 獲取選中的值pre>pre>var cate_ids = ;  

$("#cate_tree .jstree-checked").each(function());pre>

pre>  

pre>  

pre>pre>pre>5. 設定給定的值為選中狀態pre>pre>var cate_js_tree = $("#cate_tree").jstree(  

});  

cate_js_tree.bind('loaded.jstree', function ()   

}  });  

});pre>

pre>  

6. 如果還有不太明白的,可以訪問官網查詢,嘿嘿……pre>附上這個位址,本人覺得很不錯,哈哈pre>

pre>  

p>  

pre>  

pre>  

pre>  

pre>  

pre>  

pre>  

pre>  

pre>pre>pre>pre>pre>pre>

eclipse外掛程式SVN外掛程式的方法

此外掛程式方法簡單易行,不需要對eclipse進行大量的操作,只需在eclipse中新增外掛程式路徑 2.將壓縮包解壓放在eclipse中的安裝路徑下新建乙個 extra plugs in 的資料夾中,如我的安裝路徑是 e program files eclipse jee eclipse extr...

CTK外掛程式 外掛程式之間的依賴

如何實現依賴 在manifest.mf裡,加入元物件 require plugin firstplugin plugin version 0.5,2.0 resolution mandatory firstplugin 為需要依賴的外掛程式名 就是另乙個外掛程式在manifest.mf裡的plugi...

外掛程式 目前主要的開源外掛程式方案

前半年斷斷續續在學習外掛程式化的一些知識,計畫最近一段時間能系統地整理出學習筆記。下表 是目前主要的外掛程式化解決方案,其中360的droidplugin方案是最為完美的,但是也很複雜。在使用時可以適度簡化。其他的方案雖然多少都有點瑕疵,但是對於多角度理解android框架是有幫助的,同時也能活躍思...