<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>