bootstraptable获取所有页的勾选行
时间: 2023-12-16 12:02:21 浏览: 86
bootstrap table实现点击翻页功能 可记录上下页选中的行
5星 · 资源好评率100%
要获取BootstrapTable中所有页的勾选行,可以使用以下步骤:
1. 通过BootstrapTable的getSelections()方法获取当前页的所有勾选行。
2. 使用BootstrapTable的getOptions()方法获取BootstrapTable的所有配置项。
3. 通过配置项中的totalRows属性获取BootstrapTable的总行数。
4. 使用BootstrapTable的getPageNumber()方法获取当前页码。
5. 通过Math.ceil()方法计算出总页数。
6. 循环遍历所有页码,使用BootstrapTable的selectPage()方法切换到该页。
7. 获取该页的勾选行,并将其加入到结果数组中。
以下是示例代码:
```javascript
var result = []; // 存储所有页的勾选行
var selections = $('#table').bootstrapTable('getSelections'); // 当前页的勾选行
var options = $('#table').bootstrapTable('getOptions'); // 配置项
var totalRows = options.totalRows; // 总行数
var pageSize = options.pageSize; // 每页显示的行数
var pageNumber = $('#table').bootstrapTable('getPageNumber'); // 当前页码
var totalPages = Math.ceil(totalRows / pageSize); // 总页数
// 将当前页的勾选行加入到结果数组中
result = result.concat(selections);
// 循环遍历所有页码
for (var i = 1; i <= totalPages; i++) {
// 如果当前页不是第一页,则切换到该页
if (i != pageNumber) {
$('#table').bootstrapTable('selectPage', i);
}
// 获取该页的勾选行,并将其加入到结果数组中
selections = $('#table').bootstrapTable('getSelections');
result = result.concat(selections);
}
// 恢复到原来的页码
$('#table').bootstrapTable('selectPage', pageNumber);
```
阅读全文