HTML :
载入css/js:
<script type="text/javascript" src="${basePath}/admin/zTree/js/jquery.ztree.all.js"></script>
<link rel="stylesheet" href="${basePath}/admin/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
ztree标签:
<ul class="ztree" id="zTree"></ul>
js:
$(document).ready(function() {
var setting = {
async: {
enable: true,
url:"/gcsoft/menu/getMenuTreeById.action",
autoParam:["id", "pid", "name"],
dataFilter: filter
},
data:{
simpleData:{
enable: true,
idKey:'id',
pIdKey:'pid',
rootPId: 0
}
},
view:{
showIcon: false
}
};
function filter(treeId, parentNode, childNodes) {
return childNodes;
};
function initZTree() {
$.ajax({
url: "/gcsoft/menu/getMenuTreeById.action?menuId=0",
type: "post",
dataType: "json",
success: function(data) {
$.fn.zTree.init($("#zTree"), setting, data);
}
});
}
initZTree();
});
java后台:
建立mode对象:
package cn.gcsoft.model;
public class zTreeNode {
private int id;
private int pid;
private String name;
private String open;
private String isParent;
/**
* 构造方法
*/
public zTreeNode() {
}
public zTreeNode(int id, int pid, String name, String open, String isParent) {
super();
this.id = id;
this.pid = pid;
this.name = name;
this.open = open;
this.isParent = isParent;
}
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public int getPid() {
return pid;
}
public void setPid(int pid) {
this.pid = pid;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getOpen() {
return open;
}
public void setOpen(String open) {
this.open = open;
}
public String getIsParent() {
return isParent;
}
public void setIsParent(String isParent) {
this.isParent = isParent;
}
}
control 层:
/**
* 根据Id查询
*
* @param menu
* @param result
* @return
*/
@RequestMapping(value = "/getMenuTreeById", method = { RequestMethod.POST })
public @ResponseBody List<zTreeNode> getMenuTreeById(@RequestParam(value = "id", required = false) Integer id,HttpServletRequest request) {
List<zTreeNode> nodeList = new ArrayList<zTreeNode>();
nodeList = siteCMenuService.getMenuTreeById(id);
return nodeList;
}
/**
* 根据Id查询
*
* @param menu
* @param result
* @return
*/
@RequestMapping(value = "/getMenuTreeById", method = { RequestMethod.POST })
public @ResponseBody List<zTreeNode> getMenuTreeById(@RequestParam(value = "id", required = false) Integer id,HttpServletRequest request) {
List<zTreeNode> nodeList = new ArrayList<zTreeNode>();
nodeList = siteCMenuService.getMenuTreeById(id);
return nodeList;
}