jstree 权限树 简单教程

第一 :引用.略过

第二 : 初始化:

//初始化加载
    window.onload = function () {
        //获取树 信息 todo
        var result=[{
            "id":"12",
            "text": "相同，但带有复选框",
            "children": [{
                "id":"1",
                "text": "最初选择"
            }, {
                "id":"3",
                "text": "自定义图标网址"
                // "icon": "tree-icon.png"
            }, {
                "id":"5",
                "text": "最初开放"
            }]
        }, "和整个选择"];
        // 重新设置树的JSON数据集
        $('#jstree').jstree({
            'plugins': ["checkbox","wholerow"],
            'core' : {
                'data' : result
            }
        );
    };

 data是数据,core 是核心函数.额,貌似没啥可说明的,唯独就是,一般情况下默认选中的话是data里面的参数,但是权限树是动态加载的,所以,我只能另外写.

三 :异步加载

        $("#jstree").jstree('check_node', ['1']);

['1'] 就是你要选中的id

第四:获取所选 

这一步也很恶心,找了很多百度文章结果,a抄b b抄 c,看了不下20页的百度,结果,还是碰运气,碰出来

 

 var checkedNode = $("#jstree").jstree('get_checked');//所有的√ 的id
 console.log(checkedNode);
 var get_undetermined = $("#jstree").jstree('get_undetermined'); // 所有 点 的 id
 console.log(get_undetermined);

 

结束,希望,怎么