Layui table 行事件或单元格编辑事件中获取行索引或行号+更新行数据方法

294 阅读1分钟
//监听行的点击事件
table.on('row(tableFilter)', function (obj) {
   //获取当前行的索引
   var rowIndex = $(obj.tr).attr("data-index");
   
   //更新指定行某字段显示值
   $(".layui-table-box tbody tr[data-index='" + rowIndex + "'] td[data-field='yourField']").text("yourValue");

   //同步更新缓存对应的值(真正的更新)
   obj.update({
       yourField: yourValue
   });

});

//监听单元格编辑
table.on('edit(tableFilter)', function (obj) {
   //获取当前行的索引
   var rowIndex = $(obj.tr).attr("data-index");

     //更新指定行某字段显示值
   $(".layui-table-box tbody tr[data-index='" + rowIndex + "'] td[data-field='yourField']").text("yourValue");

   //同步更新缓存对应的值(真正的更新)
   obj.update({
       yourField: yourValue
   });
});