LayUI
-触发单元格编辑
一、实现效果
二、实现代码
1、前提是要给cols
里的对应行添加edit:'text'
2、触发单元格编辑
table.on('edit(test)', function(obj){
//注:edit是固定事件名,test是table原始容器的属性 lay-filter="对应的值"
console.log(obj.value); //得到修改后的值
console.log(obj.field); //当前编辑的字段名
console.log(obj.data); //所在行的所有相关数据
$.ajax({
url:"{:url('editActivityContent')}",
type:"post",
data:{
id:obj.data.cd_id,
content:obj.value,
},
success:function(res){
res = JSON.parse(res);
if(res.sta == 2000){
layer.msg(res.msg,{
icon: 1},function () {
obj.update(res.data) //修改当前行数据
});
}else{
layer.msg(res.msg,{
icon:2})
}
}
})
});