jstree 許可權樹 簡單教程
阿新 • • 發佈:2020-07-27
第一 :引用.略過
第二 : 初始化:
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);
結束,希望,怎麼