Bootstrap Table 多页时实现换页选中且可回显勾中功能

最新推荐文章于 2024-10-18 17:51:23 发布

M义薄云天

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量8.3k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/weixin_39494923/article/details/82345391

版权

本文介绍了如何在Bootstrap Table中解决多页切换时选中状态无法保持的问题，通过监听选中和取消选中事件，结合onLoadSuccess事件手动恢复选中状态，实现数据回显，提升用户体验。并提供了相关中文文档链接。

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

一背景

在工作中利用Bootstrap Table 做数据列表时可选数据，但是换页时上一页数据不能携带和回显，只能操作选中当前页数据，造成不好的用户体验

二解决方案

1）利用Bootstrap Table 提供的API监听选中与取消选中

定义全局数组接收选中的行信息

var select_rows = new Array();

// 选中行时触发
$('#certificate_choose_table').on('check.bs.table', function (e, row) {
    if (row != undefined) {
        select_rows.push(row);
    }
});
// 取消选中行时触发
$('#certificate_choose_table').on('uncheck.bs.table', function (e, row) {
    if (row != undefined) {
        if (select_rows.length > 0) {
            for (var n = 0; n < select_rows.length; n++) {
                if (select_rows[n] !=