所需資源下載:jstree資源下載
JStree官網(wǎng):jstree官網(wǎng)
1.需要包含的資源
a. 需要jstress定義的樣式
????樣式文件在dist/themes/default/style.min.css 中姨俩,所以html頁面中需要添加代碼
? ? ? ?<link rel="stylesheet" href="../dist/themes/default/style.min.css" />
????需要包含CDNJS的css文件:?
? ? ? ? <link rel="stylesheet" />
b. 需要使用jQuery1.9.0以上:
? ?<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
c. 包含JStree的js文件:
? ? ? ? <script src="dist/jstree.min.js"></script>
????使用CDNJS的代碼為:?
? ? ? ?<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
2. 一個(gè)例子
監(jiān)聽事件的使用方法:?
上面的示例中已經(jīng)使用JStree監(jiān)聽的事件–節(jié)點(diǎn)變化事件:changed.jstree。?
JStree可以監(jiān)聽的事件:jstree監(jiān)聽事件鏈接
在頁面任何地方獲取選中的節(jié)點(diǎn)的jquery代碼如下:
jstree點(diǎn)擊節(jié)點(diǎn)事件
事件名稱?
activate_node.jstree
使用方法
jstree根據(jù)id獲取節(jié)點(diǎn)
方法名稱
get_node
使用方法
jstree取消所有節(jié)點(diǎn)的選中
deselect_all
jstree選中指定節(jié)點(diǎn)
select_node