layui 监控table row 获取行
时间: 2023-10-16 09:06:22 浏览: 90
如果你需要在 layui 的 table 组件中获取某一行的数据,可以使用 table 模块的 getCheckStatus 和 getData 方法来实现。
1. getCheckStatus 方法
该方法可以获取表格中选中的行数据。如果你不需要选中行,可以在每一行前面加上一个 checkbox,然后监听 checkbox 的选中事件(即 onCheckbox),在选中事件中通过 getCheckStatus 获取选中的行数据。
例如:
```
// 监听复选框选中事件
table.on('checkbox(test)', function(obj){
var checkStatus = table.checkStatus('test'); // 获取选中行数据
console.log(checkStatus.data); // 输出选中行数据
});
```
其中,test 为你的 table ID。
2. getData 方法
该方法可以获取表格中所有行的数据。如果你需要获取某一行的数据,可以通过遍历整个数据数组并根据某一行的数据特征来获取该行的数据。
例如:
```
var data = table.cache['test']; // 获取表格数据
for(var i = 0; i < data.length; i++){
if(data[i].id === 123){ // 假设你需要获取 ID 为 123 的行数据
console.log(data[i]); // 输出 ID 为 123 的行数据
break;
}
}
```
其中,test 为你的 table ID。
注意,getData 方法返回的是一个数组,数组中的每个元素都是一个包含所有列数据的对象。如果你需要获取某一列的数据,可以通过对象的属性名来获取。例如,如果你想要获取第一列的数据,可以通过 data[i].field1 来获取。
阅读全文