layUI 在表格中触发单元格点击事件,弹出 layer.open在content中的表格选择一行作为返回数据,并返回数据给表格的触发点击事件的行的指定列
时间: 2023-07-15 07:13:59 浏览: 134
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
5星 · 资源好评率100%
可以参考以下代码实现:
```javascript
// 监听表格的单元格点击事件
table.on('cell(tabDemo)', function(obj){
// 获取当前单元格所在行的数据
var rowData = obj.data;
// 弹出选择数据的表格
layer.open({
type: 1,
area: ['600px', '400px'],
content: $('#selectTable'),
btn: ['确定', '取消'],
yes: function(index, layero){
// 获取选择的行的数据
var selectedData = tableSelect.getData();
// 返回数据给触发点击事件的行的指定列
rowData.columnName = selectedData.columnName;
// 更新表格的数据
table.updateRow(obj.index, rowData);
// 关闭弹窗
layer.close(index);
},
cancel: function(){
// 取消操作
}
});
});
// 监听选择数据的表格的行选中事件
tableSelect.on('rowDouble(tabSelect)', function(obj){
// 双击选中行时触发
// ...
});
```
其中,`tabDemo` 是表格的 lay-filter 值,`selectTable` 是弹出的选择数据的表格的 HTML 元素,`tableSelect` 是选择数据的表格实例,`columnName` 是触发点击事件的行的指定列名。
阅读全文