layui+thymeleaf th：each嵌套

weixin_50878675

于 2022-08-15 09:26:45 发布

阅读量404

点赞数

文章标签： layui

本文链接：https://blog.csdn.net/weixin_50878675/article/details/126340526

版权

<div class="layui-body layui-tab-content site-demo site-demo-body" id="app" style="padding: 15px;">
    <form class="layui-form" th:each="authVo:${authVos}">

        <div class="layui-row"

             style="margin-top: 25px;border: 1px solid #eee;border-bottom:1px solid yellowgreen;background: #FAFAFA;">
            <input type="checkbox" id="model" lay-filter="checked_group" th:value="${authVo.id}" lay-skin="primary">
            <label for="" style="margin: 0;font-size: 16px;">[[${authVo.menuName}]]</label>
        </div>
        <div class="layui-row" style="border: 2px solid #eee;background: #FAFAFA;"
             th:each="MenuVo:${authVo.menuRoleVos}">
            <div class="layui-col-xs3" style="border:1px solid skyblue;">
                <div class="layui-row" style="background-color:#b3d4fc;">
                    <input type="checkbox" lay-filter="check_functions" th:value="${MenuVo.id}"
                           th:title="${MenuVo.menuRoleVoName}" lay-skin="primary">
                </div>
                <div class="layui-row" th:each="Authority:${MenuVo.authorityVos}">
                    <ul style="margin-left:15px;">
                        <li><input type="checkbox" lay-filter="checked_function"
                                   th:checked="${authIds.contains(Authority.id)}" th:title="${Authority.authName}"
                                   th:value="${Authority.id}" lay-skin="primary"></li>
                    </ul>
                </div>
            </div>
            <div class="layui-col-xs1">&nbsp;</div>
            <div class="layui-col-xs12" style="height: 20px;"></div>
        </div>

        <br>

        <br><br>
    </form>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <div class="layui-btn" lay-submit lay-filter="user-save">立即提交</div>
            <div type="reset" lay-submit="" class="layui-btn layui-btn-primary" lay-filter="cancel">取消</div>
        </div>
    </div>
</div>

很简单就是后端传过来一个list里面有list的数据前端使用th：each嵌套就ok了