页面中代码
<link rel="stylesheet" href="<%=basePath%>js/zTree/css/zTreeStyle/zTreeStyle.css"/>
<script type="text/javascript" src="<%=basePath%>js/zTree/js/jquery.ztree.all.min.js"></script>
<script type="text/javascript">
var zTreeObj;
var setting = {
async : {
type : "post",
enable : true,
autoParam : [ "id", "areaId", "areaType" ], //ajax提交的时候,传的是id值
url : getUrl
},
callback: {
onClick: nodeClick
},
data:{
simpleData : {
enable : true,
idKey : "id", // id编号命名
pIdKey : "pId", // 父id编号命名
rootId : 0
}
}
};
var zNodes = [
{ id:${areaId}, pId:1, name:"${areaName }", isParent:true, areaId:"${areaId}", areaType:"${areaType}"}
];
//返回地址
function getUrl(treeId, treeNode) {
//console.log(treeNode);
return "******.action";
}
function nodeClick(event, treeId, treeNode, clickFlag){
}
</script>
后台实现代码
JSONArray jsonArray = new JSONArray();
JSONObject jsonObject = new JSONObject();
jsonObject.put("id",tBaseCounty.getCountyId());
jsonObject.put("pid", id);
jsonObject.put("name", tBaseCounty.getCountyName());
jsonObject.put("isParent","true");
jsonObject.put("areaType","3");
jsonObject.put("areaId",tBaseCounty.getCountyId());
jsonArray.add(jsonObject);
response.setContentType("text/html;charset=utf-8");
//response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
out.println(jsonArray);
out.flush();
out.close();