ztree v3.5.18树异步加载开发

ztree 官网地址：http://www.ztree.me/v3/api.php

1、jsp代码

（1）、引入样式和脚本

<link href="${ctx}/css/ztree/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/js/easydialog/easydialog.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="${ctx}/js/ztree/jquery.ztree.core-3.5.js"></script>

（2）、引入内容

        <div class="Tree" id="Tree" style="width: 500px; height: 250px; float: left;">
            <ul id="tree" class="ztree"></ul>
        </div>

（3）、js代码

<script type="text/javascript">
var zTree;
var setting = {
    view: {
        showLine: true,
        selectedMulti: false //不可多选
    },
    data: {
        simpleData: {
            enable:true,
            idKey: "id",
            pIdKey: "pId",
            rootPId: 0
        }
    },
    async:{  
        autoParam:["id=catalogID"],
        otherParam:["type","M"],
        enable:true,
        dataType:"json",
        type:"get",
        url:"${ctx}/document/queryCatalogTree"
           },
    
  callback: {
            onAsyncError: function () {
            //请求失败处理函数
            alert('异步加载请求失败!');
        }  
    }
};

$(document).ready(function(){
    $.ajax({
        async : false,
        cache:false,
        type: 'GET',
        dataType : "json",
        url: "${ctx}/document/queryCatalogTree?type=M",//请求的controller路径
        error: function () {
            //请求失败处理函数
            alert('查询目录请求失败!');
        },  
        success:function(data){ //请求成功后处理函数。    
            treeNodes = data;
        }  
    });  
    
    $.fn.zTree.init($("#tree"), setting, eval(treeNodes));
    
    if(treeNodes == '')
        {
          alert('未创建个人目录 !');
        }
});
</script>

  （4）、获取被选中的树节点
    var treeObj = $.fn.zTree.getZTreeObj("tree");
    var nodes = treeObj.getSelectedNodes();

    nodes是数组类型