1. 程式人生 > 實用技巧 >jstree 許可權樹 簡單教程

jstree 許可權樹 簡單教程

第一 :引用.略過

第二 : 初始化:

 1 //初始化載入
 2     window.onload = function () {
 3         //獲取樹 資訊 todo
 4         var result=[{
 5             "id":"12",
 6             "text": "相同,但帶有複選框",
 7             "children": [{
 8                 "id":"1",
 9                 "text": "最初選擇"
10             }, {
11                 "id":"3",
12 "text": "自定義圖示網址" 13 // "icon": "tree-icon.png" 14 }, { 15 "id":"5", 16 "text": "最初開放" 17 }] 18 }, "和整個選擇"]; 19 // 重新設定樹的JSON資料集 20 $('#jstree').jstree({ 21 'plugins': ["checkbox","wholerow"],
22 'core' : { 23 'data' : result 24 }31 32 ); 33 };
 data是資料,core 是核心函式.額,貌似沒啥可說明的,唯獨就是,一般情況下預設選中的話是data裡面的引數,但是許可權樹是動態載入的,所以,我只能另外寫.

三 :非同步載入

        $("#jstree").jstree('check_node', ['1']);
['1'] 就是你要選中的id

第四:獲取所選

這一步也很噁心,找了很多百度文章結果,a抄b b抄 c,看了不下20頁的百度,結果,還是碰運氣,碰出來

1  var checkedNode = $("#jstree").jstree('get_checked');//所有的√ 的id
2  console.log(checkedNode);
3  var get_undetermined = $("#jstree").jstree('get_undetermined'); // 所有 點 的 id
4  console.log(get_undetermined);

結束,希望,怎麼