bootstraptable前端设置树形菜单复选框勾选状态

最新推荐文章于 2024-09-02 07:58:44 发布

markyang088

最新推荐文章于 2024-09-02 07:58:44 发布

阅读量6.9k

点赞数

分类专栏：个人错误日志

本文链接：https://blog.csdn.net/weixin_39654286/article/details/84852560

版权

博客内容讲述了在使用BootstrapTable实现树形菜单时，如何处理子类和父类复选框的勾选状态。在不刷新数据的情况下，需要手动处理勾选状态，避免通过BootstrapTable方法直接获取数据导致状态丢失。此外，还提及了一个基于Spring Cloud的开源脚手架，用于快速开发。

摘要由CSDN通过智能技术生成

<body class="skin-blue sidebar-mini" style="background: none">
<section class="content" id="app">
    <div class="row">
        <div class="col-xs-12">
            <table id="menus">
            </table>
        </div>
    </div>
</section>
<script type="text/javascript">
    var $table = $('#menus');
    var rid = getRequestParam("id");
    //初始化表格
    $(function () {
        $table.bootstrapTable({
            idField: 'id',
            dataType: 'json',
            url: baseUrl + '/menu/menusWithSelected/' + rid,
            columns: [
                {
                    field: 'check', checkbox: true, formatter: function (value, row) {
                        if (row["selected"] == 1) {