layui单元格点击事件
时间: 2023-12-10 18:33:41 浏览: 134
layui实现给某一列加点击事件
以下是Layui中单元格点击事件的示例代码和截图:
```javascript
// 监听单元格单击事件
table.on('tool(test)', function(obj){
var data = obj.data; // 获取当前行数据
var layEvent = obj.event; // 获取当前单元格的lay-event属性值
if(layEvent === 'detail'){ // 如果是详情按钮被点击
layer.msg('ID:'+ data.id + ' 的查看操作');
} else if(layEvent === 'edit'){ // 如果是编辑按钮被点击
layer.msg('ID:'+ data.id + ' 的编辑操作');
}
});
```
在上述代码中,我们通过`table.on('tool(test)', function(obj){})`来监听单元格的点击事件。其中,`test`是表格的lay-filter属性值,用于指定表格的过滤器。在回调函数中,我们可以通过`obj.data`获取当前行的数据,通过`obj.event`获取当前单元格的lay-event属性值,从而判断是哪个单元格被点击了。在示例代码中,我们判断了两个lay-event属性值:`detail`和`edit`,并分别弹出了不同的提示框。
阅读全文