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是数组类型