<script type="text/javascript" src="${REQ}/assets/plugins/jquery.cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="${REQ}/assets/plugins/jquery.treegrid/jquery.treegrid.min.js"></script>
<script type="text/javascript">
$('.layui-permission-tree').treegrid({
'initialState': 'collapsed'
, 'saveState': true
, expanderExpandedClass: 'fa fa-chevron-circle-down'
, expanderCollapsedClass: 'fa fa-chevron-circle-right'
});
<tbody>
<#list assAreas as ass>
<tr class="treegrid-${ass.id} <#if ass.parentId!=null>treegrid-parent-${ass.parentId}</#if>">
<td>${ass.name}</td>
<td>
${ass.areaNum}
</td>
<td>
<#if ass.status=='normal'>
<span class="layui-badge layui-bg-green">开通</span>
<#elseif ass.status=='forbidden'>
<span class="layui-badge layui-bg-orange">未开通</span>
<#else>
<span class="layui-badge">异常</span>
</#if>
</td>
<#if ass.parentId!=null >
<td>
<#if ass.status=='normal'>
<a class="layui-btn layui-btn-mini layui-btn-primary layui-permission-btn" data-event="close"
href=${ass.id}>关闭</a>
<#else>
<a class="layui-btn layui-btn-mini layui-btn-primary layui-permission-btn" data-event="open"
href=${ass.id}>开启</a>
</#if>
<a class="layui-btn layui-btn-mini layui-permission-btn" data-event="edit"
href="${REQ}/ass/area/edit?id=${ass.id}">编辑</a>
</td>
<#else>
<td>
</td>
</#if>
</tr>
</#list>
</tbody>
参考博客地址:https://blog.csdn.net/sunyingyuan/article/details/17558707