layui data接收值
时间: 2023-10-02 08:07:53 浏览: 77
Layui 的数据表格中,可以通过监听表格的 `toolbar` 和 `tool` 事件来获取工具栏按钮和行内工具按钮的点击事件,然后通过获取对应的数据行或者表单值来进行操作。
例如,监听表格的 `toolbar` 事件,可以获取到工具栏按钮的点击事件和对应的数据项,示例代码如下:
```
table.on('toolbar(test)', function(obj){
var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'add':
layer.msg('添加');
break;
case 'update':
if(checkStatus.data.length === 0){
layer.msg('请选择一行');
} else if(checkStatus.data.length > 1){
layer.msg('只能同时编辑一个');
} else {
layer.alert('编辑 [id]:'+ checkStatus.data[0].id);
}
break;
case 'delete':
if(checkStatus.data.length === 0){
layer.msg('请选择一行');
} else {
layer.msg('删除');
}
break;
};
});
```
在上面的示例代码中,`obj.event` 表示当前点击的按钮对应的事件名,可以根据该值来判断对应的操作。`checkStatus.data` 表示当前选中的数据项,可以通过遍历该数组来获取选中的数据项的值。
还可以通过监听表格的 `tool` 事件来获取行内工具按钮的点击事件和对应的数据项,示例代码如下:
```
table.on('tool(test)', function(obj){
var data = obj.data;
if(obj.event === 'del'){
layer.confirm('真的删除行么', function(index){
obj.del();
layer.close(index);
});
} else if(obj.event === 'edit'){
layer.alert('编辑行:<br>'+ JSON.stringify(data))
}
});
```
在上面的示例代码中,`obj.event` 表示当前点击的按钮对应的事件名,`obj.data` 表示当前行的数据项,可以通过该值来获取当前行的数据项的值。
阅读全文