欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > layui教程 >
layui教程

layui table edit 编辑事件如何获取当前编辑行

(元素模板) / 2024-05-27 11:34
layui 使用table 的edit 事件 如何获取 当前行?元素模板为您解答:
//监听行的点击事件
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
   });
});
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com