layui树形组件使用（tree.render()）ssm

layui树形组件使用（tree.render()）基于ssm实现功能

一、演示效果

二、后端返回数据格式

注意：使用树形组件回显的字段必须有id，title，checked。否则会无数据，并且父节点一定要为false，子节点打勾的为true。

三、前端代码
1.HTML部分

<script type="text/html" id="barDemo">
	<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="setModule"><i class="layui-icon">&#xe620;</i>设置权限</a>
</script>
<!--设置权限-->
<div id="diaSetRight" style="display: none;" title="设置权限" style="width:300px;height:600px; margin: 10px auto;">
	<table id="tabEdit">
		<tr>
			<td>
				<div id="rightTree"></div>
			</td>
		</tr>
		<tr>
			<td style="text-align: center; padding: 10px;">
				<a id="setRole" href="#" class="layui-btn"><i class="layui-icon">&#xe605;</i>保存设置</a>
			</td>
		</tr>
	</table>
</div>

2.js部分

//监听数据行工具栏按钮事件
table.on('tool(test)', function(obj) {
    //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
	var data