layui 监控table
时间: 2023-09-01 15:06:26 浏览: 127
如果你想要在 layui 的 table 组件中添加事件监听器,可以通过监听 table 模块的事件来实现。以下是一些常见的 table 事件及其用法:
1. onRow:监听行单击事件
```
table.on('row(test)', function(obj){
console.log(obj.data); // 输出点击行的数据
});
```
其中,test 为你的 table ID。
2. onTool:监听表格工具栏按钮点击事件
```
table.on('tool(test)', function(obj){
var data = obj.data; // 获取当前行数据
var layEvent = obj.event; // 获取当前点击的按钮 event 值
if(layEvent === 'detail'){ // 如果点击的是查看详情按钮
console.log(data.id); // 输出当前行的 ID
}
});
```
其中,test 为你的 table ID。
3. onSort:监听表头排序事件
```
table.on('sort(test)', function(obj){
console.log(obj.field); // 输出排序字段
console.log(obj.type); // 输出排序类型(desc 或者 asc)
});
```
其中,test 为你的 table ID。
4. onCheckbox:监听表格复选框选中事件
```
table.on('checkbox(test)', function(obj){
console.log(obj.checked); // 输出是否选中
console.log(obj.data); // 输出当前行的数据
});
```
其中,test 为你的 table ID。
你可以根据自己的需求选择合适的事件进行监听。
阅读全文