一个页面用了里两个layui表格,但是只有一个表格的每行需要加单击事件,怎么处理
时间: 2024-05-08 09:15:24 浏览: 42
js生成动态表格并为每个单元格添加单击事件的方法
可以在表格渲染时给需要添加事件的表格的每行加上一个class,然后通过事件委托的方式来绑定单击事件。具体代码如下:
```javascript
// 渲染第一个表格
table.render({
// 表格配置项
// ...
});
// 渲染第二个表格
table.render({
// 表格配置项
// ...
// 表格渲染完成后,给每行加上class
done: function(res, curr, count) {
var $table = $('.layui-table-view[lay-id='+this.id+']');
$table.find('.layui-table-body tbody tr').addClass('clickable');
}
});
// 给需要添加事件的表格的每行绑定单击事件
$('.layui-table').on('click', '.clickable', function() {
// 处理单击事件
});
```
在上面的代码中,第一个表格没有任何改动,第二个表格在渲染完成后给每行加上了一个名为“clickable”的class。然后通过事件委托的方式,给所有拥有“clickable”class的表格行绑定单击事件。这样,只有第二个表格的每行才会触发单击事件。
阅读全文