LayUI—tree树形结构的使用，mybatis面试题及答案

],

“id”: 2,

“title”: “技术部”,

“spread”: true

}, {

“children”: [],

“id”: 19,

“title”: “财务部”,

“spread”: true

}

],

“id”: 1, //节点id

“title”: “某某公司”, //节点名称

“spread”: true

}, {

“children”: [],

“id”: 33,

“title”: “测试”,

“spread”: true

}

]

设置节点点击回调方法（在加载数据方法tree.render中添加以下代码）。

click: function (obj) {

var id = obj.data.id;

$("#dept_home").load(“dept/show?id=”+id);

}

把请求过来的详情页面load到右边的div中显示。后台请求方法

@RequestMapping(value = “/show”)

public void show(DeptForm form, ModelMap map) throws InstantiationException, IllegalAccessException {

Dept model = new Dept();

Integer id = form.getId();

Integer parentId = 0;

if(id!=null) {

model = deptService.findById(id);

parentId = model.getParent()==null?0:model.getParent().getId();

}

map.put(“parentId”, parentId);

map.put(“model”, model);

}

DeptForm类为一个接收类，其中字段和实体类中一样。根据请求传递过来的id，查询这条数据的详细信息，之后把查询的当前部门详情数据及父级节点id（用于下拉树TreeSelect）传递给详情页面。

show.html详情页面代码。

上级部门：

部门名称：

部门负责人：

电话：

编号：

排序：

修改并保存

上级部门使用的是LayUI下拉树显示的，下拉树数据请求方法。关于下拉树的使用，可以访问LayUI下拉树TreeSelect的使用

@RequestMapping(value="/treeSelect")

@ResponseBody

public