bootstraptable获取选中行
时间: 2023-10-24 14:06:28 浏览: 40
你可以通过 BootstrapTable 的 `getSelections` 方法获取表格中被选中的行数据,示例代码如下:
```javascript
// 获取表格对象
var table = $('#table').bootstrapTable();
// 获取被选中的行数据
var selections = table.bootstrapTable('getSelections');
// 遍历被选中的行数据
$.each(selections, function (index, row) {
console.log(row); // 输出每行数据
});
```
在上面的代码中,`getSelections` 方法返回一个数组,其中包含被选中的所有行数据。你可以通过遍历这个数组,获取每一行的数据进行相应的操作。
相关问题
bootstrap table 获取选中行数据传递到父页面
可以使用 Bootstrap Table 提供的 `onCheck` 和 `onUncheck` 事件以及 jQuery 来实现。具体步骤如下:
1. 在子页面中使用 Bootstrap Table 渲染表格,并设置 `checkbox` 为可选中状态。
2. 在父页面中使用 `iframe` 引入子页面,并且在父页面中定义一个全局变量用来存储选中的行数据。
```javascript
// 定义一个全局变量
var selectedRows = [];
```
3. 在子页面中定义 `onCheck` 和 `onUncheck` 事件,在选中和取消选中时将选中的行数据传递给父页面。
```javascript
// 在子页面中定义 onCheck 和 onUncheck 事件
$('#table').bootstrapTable({
onCheck: function (row) {
// 将选中的行数据添加到全局变量中
window.parent.selectedRows.push(row);
},
onUncheck: function (row) {
// 将取消选中的行数据从全局变量中删除
var index = window.parent.selectedRows.findIndex(function (r) {
return r.id === row.id;
});
window.parent.selectedRows.splice(index, 1);
}
});
```
4. 在父页面中监听 `iframe` 的 `load` 事件,并且在子页面加载完成后获取子页面中的表格数据。
```javascript
// 在父页面中监听 iframe 的 load 事件
$('#iframe').on('load', function () {
// 获取子页面中的表格数据
var rows = $('#iframe')[0].contentWindow.selectedRows;
console.log(rows);
});
```
注意:在子页面中获取父页面的全局变量时,需要使用 `window.parent` 来访问父页面的全局变量。
bootstrap table 获取选中多行
要获取Bootstrap Table中选中的多行,可以使用以下代码:
```javascript
// 获取选中的行
var rows = $('#table').bootstrapTable('getSelections');
// 遍历选中的行
$.each(rows, function (index, row) {
// 处理每一行的数据
console.log(row);
});
```
其中,`#table`是你的Bootstrap Table的ID;`rows`是一个数组,包含了所有选中的行的数据。你可以使用`$.each`函数来遍历选中的行,对每一行的数据进行处理。
注意:在使用此代码之前,需要先引入Bootstrap Table的js文件和css文件,并且在HTML中添加一个表格元素,具体可以参考Bootstrap Table的官方文档。