jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="<%=request.getContextPath() %>/ztree/css/demo.css" type="text/css">
<link rel="stylesheet" href="<%=request.getContextPath() %>/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="<%=request.getContextPath() %>/ztree/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/ztree/js/jquery.ztree.core.js"></script>
<script type="text/javascript">
var zNodes ;
var setting = {
data:{
key: {
name: "pname"//数据库的名字 默认name
},
simpleData: {
enable: true,
idKey: "id",//数据库的id 默认id
pIdKey: "pid",//数据库的父节点id 默认pid
},
} ,
callback: {
//onClick: onCheck
}
};
function Inint() {//初始化加载节点
$.ajax({
global: true,
async: false,
cache: false,
dataType: "json",
url: "exhibition.do",
type: "post",
success: function (data) {
zNodes = data;
}
});
};
$(function(){
Inint(); //加载数据
$.fn.zTree.init($("#zTree"), setting, zNodes);
var treeObj = $.fn.zTree.getZTreeObj("zTree");
var nodes = treeObj.getNodes();
for (var i = 0; i < nodes.length; i++) { //设置节点展开
treeObj.expandNode(nodes[i], true, false, true);
}
});
</script>
</head>
<body>
欢迎:${user.username }
<ul id="zTree" class="ztree"></ul>
</body>
</html>
后台代码
@RequestMapping("exhibition")
@ResponseBody
public List<Jurisdiction> exhibition(
HttpSession session
){
System.out.println("----------acquirejson----------");
Username user = (Username) session.getAttribute("user");
return service.listztree(user.getId());
}
看我数据库结构