layui 表格点击编辑感觉很好用，实现方法如下

发布日期： 2024-11-15 11:31 阅读量： 91 来源： 互联网

//监听单元格编辑事件

table.on('edit(listRecordTo002Filter)', function(obj){

var value = obj.value; // 得到修改后的值

var data = obj.data; // 得到所在行所有键值

var field = obj.field; // 得到字段

$.ajax({

type: 'POST',

url : "[[@{/technology/record/updateRecordTo002}]]",

data: JSON.stringify({

id: data.id,

field: field,

value: value

}),

contentType: 'application/json',

success: function(response) {

// 根据需要处理成功的响应

console.log('Save success:', response);

layer.msg('已保存修改', {icon: 1});

error: function(xhr, status, error) {

// 根据需要处理错误的响应

console.error('Save error:', error);

layer.msg('保存失败', {icon: 2});

}

});

console.log('Edited value:', value);

console.log('Edited row data:', data);

随便看看