jstree 权限树 简单教程

Posted 2020-12-18 刀狂剑痴叶小钗

第一 :引用.略过

第二 : 初始化:

 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             }
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);

 

结束,希望,怎么