解决boostrap table 选中复选框翻页后选中复选框消失

最新推荐文章于 2023-03-11 09:28:02 发布

MEIXINXZ

最新推荐文章于 2023-03-11 09:28:02 发布

阅读量1.9k

点赞数 4

文章标签： boostrap table

本文链接：https://blog.csdn.net/qq_44682266/article/details/95065937

版权

boostrap table 中复选框选中后，翻页操作会导致上一页选中的丢失，api中的 bootstrapTable(‘getSelections’); 只能拿到当前页的复选框,而现在希望翻页之后再回到当前页的时候被勾选的复选框不会丢失.

首先

定义一个全局的数组，存储你选中的row的唯一标识:此处我用的唯一标识是ldbm,因为我之后需要用到,勾选实现导出,你们可根据自己的需求来.
加载数据源时: 配了基础的条件后,要设置maintainSelected: true, //默认false，设置为“true”可在翻页时保留所选行
3. boostrap table中你要展示的字段: 把你的复选框加上一个方法来判断当前row的唯一标识是否存在在全局数组中.
最后这两个方法需要注意括号和位置: 注意自己的括号是否写对了位置,要不然找起来很麻烦, 这两个方法要放在加载table 的方法中而不是放在加载数据源的方法中；
总结: 亲测可用! 页面重新加载table时需将全局数组置为空!
1.第一页勾选三行,切换到第三页

2.切换到第三页勾选三行

3.回到第一页

关注