layui单击数据表格的每一条数据触发事件
时间: 2023-05-19 19:04:35 浏览: 1189
可以使用layui的table模块中的on()方法来监听表格行的点击事件,代码如下:
```
layui.use('table', function(){
var table = layui.table;
//监听表格行点击事件
table.on('row(test)', function(obj){
console.log(obj.data); //得到当前行数据
console.log(obj.tr); //得到当前行元素对象
//do something
});
});
```
其中,'test'是table的lay-filter属性值,obj.data表示当前行的数据,obj.tr表示当前行的元素对象。在监听事件的回调函数中,可以编写相应的业务逻辑。
相关问题
一个页面用了里两个layui表格,但是只有一个表格的每行需要加单击事件,怎么处理
可以在表格渲染时给需要添加事件的表格的每行加上一个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的表格行绑定单击事件。这样,只有第二个表格的每行才会触发单击事件。
表格数据每隔一行表格空一行怎么操作
如果您想要在Excel中让表格数据每隔一行空一行,可以使用以下方法:
1. 选中要调整的数据区域,右键单击并选择“格式单元格”。
2. 在“格式单元格”对话框中,选择“对齐”选项卡。
3. 在“垂直”下拉菜单中选择“居中”,并在“缩进”框中输入一个正数。
4. 点击“确定”关闭对话框。
这将会使得每行数据的上下两个单元格之间留有一定的空隙,从而达到每隔一行空一行的效果。