bootstrapTable 复选框选多页勾选

问题

bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失

解决

将选中的值先存在一个全局的变量中,然后使用 formatter,示例如下:

table.bootstrapTable({
    url: $.fn.bootstrapTable.defaults.extend.index_url,
    sortName: 'id',
    showToggle: false,
    showExport: false,
    columns: [
        [{
            field: 'state',
            checkbox: true,
            formatter: function (i, row) {            // 每次加载 checkbox 时判断当前 row 的 id 是否已经存在全局 Set() 里
                if ($.inArray(row.id, idArr) != -1) {// 因为 判断数组里有没有这个 id
                    return {
                        checked: true               // 存在则选中
                    }
                }
            }
        }]
    ]
});

 

posted @ 2021-05-13 16:29  九鹤  阅读(1200)  评论(0编辑  收藏  举报