jquery 表格樹狀插件

<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