JSTREE异步加载json节点数据004

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JSTREE异步加载json节点数据004相关的知识,希望对你有一定的参考价值。

技术分享
$("#jqTree").jstree({ //这个例子只是一部分的功能,还有待优化的地方
            "json_data" : {
                "ajax" : {
                    "type":"get",
                    // "cache":false,
                    "url" : "请求json的url",
                    "data" : function (n) { //传给后台的参数
                        return { 
                            "orgid" : n.attr ? n.attr("id").replace("node_","") : 0 //这里的orgid是我传给后台的参数名字
                        }; 
                    },
                    "success" : function (data) {//后台返回的参数,由于后台返回的参数jstree解析不了,
                        var dataArray=new Array();//所以我要拼成jstree能解析的对象数组,然后直接return
                        $.each(data.orglist,function(i,item){
                            var JSONObj={"data" :{ "title":item.name}, 
                                        "attr" : { "id" : item.id}
                                        };
                            if(item.type!="student"){//student标识是叶子节点
                                JSONObj.state="closed";//此值是标识此节点是否有子节点的
                            }
                            dataArray.push(JSONObj);
                        });
                        return dataArray;
                    }
                }
            },
            "themes": { "theme": "default", "dots": false, "icons": false },
            "plugins" : [ "themes", "json_data", "checkbox","crrm"]
        }).delegate("a", "click", function (event, data) { event.preventDefault(); });//这句是改变节点中a标签的默人执行 jstree的demo上有
View Code

 

以上是关于JSTREE异步加载json节点数据004的主要内容,如果未能解决你的问题,请参考以下文章

异步任务片段背景数据

如何给JsTree生成的树的每个节点添加上自定义的右键菜单

用于动态创建 jstree 节点的有效 json

jstree实现数据同步

如何从动态数据中签入 jstree?

JSTREE使用fuction,和异步传值 005