bootstraptable获取选中行
时间: 2023-10-24 19:06:28 浏览: 233
你可以通过 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` 来访问父页面的全局变量。
bootstrapTable 获取选中的一行数据
你可以使用 `getSelections` 方法获取 Bootstrap Table 中所有选中的行数据。如果你只需要获取选中的第一行数据,可以使用以下代码:
```javascript
var selections = $('#table').bootstrapTable('getSelections');
var firstSelection = selections[0];
```
这段代码先使用 `getSelections` 方法获取所有选中的行数据,然后使用数组的下标 `[0]` 获取第一行数据。如果没有选中任何行,`selections` 数组将为空,`firstSelection` 变量也将为 `undefined`。
如果你想在用户选中或取消选中行时触发一个事件,可以使用 `onCheck` 和 `onUncheck` 属性。以下是一个示例:
```javascript
$('#table').bootstrapTable({
onCheck: function(row) {
console.log('Row checked:', row);
},
onUncheck: function(row) {
console.log('Row unchecked:', row);
}
});
```
这个示例中,我们使用了 `onCheck` 和 `onUncheck` 事件,在选中和取消选中行时分别输出一条日志。注意,`row` 参数是一个 JavaScript 对象,包含了该行的所有数据。你可以根据需要对这些数据进行操作。
阅读全文