Bootstrap-table每次选中动态获取、检查选中数据

需求

在每次选择或者取消选择都进行检查

方案

在配置中调用一些check事件

// 在配置外定义存放结果的数组
let res = [];

// 在配置外定义对选择见过的检查函数
function checkData(datas) {
    // 自定义检查逻辑
    if(datas.length>10)
        return false;
    else 
        return true;
}
// 下面的逻辑放在表的配置中
let tableOption = {
    // ...
    onCheck(row) {
        res.push(row);
        checkData(res);
    },
    onUncheck(row) {
        res = res.filter(record => record != row);
        checkData(res);
    },
    onCheckAll() {
        res = data;// 赋值所有数据
        checkData(res);
    },
    onUncheckAll() {
        res = [];
        checkData(res);
    }
}   

扩展

调用API获取选中数据

适合最后对全部选中的数据进行判断和处理

getSelections()

bootstrap-table.com/docs/api/me…

• 参数:  不需要

• 作用:

  返回选中的行。没有选择记录时，返回空数组。

• 官网示例:  Get Selections