<link rel="stylesheet" href="zTree_v3-master/css/demo.css">
<link rel="stylesheet" href="zTree_v3-master/css/zTreeStyle/zTreeStyle.css">
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="zTree_v3-master/js/jquery.ztree.core.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax({
type:"post",
url:"ztreeAction!sele.jhtml",
//查询的路径
data:"",
dataType:"json",
success:function(result){//后台返回来的是一个Json对象
if(result.success){
//查询后执行
$.fn.zTree.init($("#treeDemo"), setting, result.object);
//查询后执行
}
},
error:function(){
alert("错误");
}
})
})
var setting = {
data: {
simpleData: {
enable: true,
pIdKey: "pid"
}
}
};
</script>
<body>
树形展示:<div id="treeDemo" class="ztree"></div>
</body>