layui table 更新行触发templet重新渲染

更新方法

obj.update({
    // 这里的字段必须要在 table.render.cols.filed 有定义,否则无法触发表格渲染
    // key 决定是否重新渲染某一列,value 由 templet 里的语句进行逻辑处理
    canView: !data.canView
});
, {field: 'canView', title: '操作', toolbar: '#test-table-operate-barDemo'}

根据 layui / layuiadmin / layui / lay / modules / table.js 里的定义

that.eachCols(function(i, item2){
  // 这里需要加上 toolbar
  if(item2.field == key && (item2.templet || item2.toolbar)){
      // 支持字段更新后的兼容 toolbar 的状态刷新
    templet = item2.templet || item2.toolbar;
  }
}

如果不修改 table.js ,那就要把 toolbar改为 templet

, {field: 'canView', title: '操作', templet: '#test-table-operate-barDemo'}

这里也说的很详细

layui table更新一行数据_小星向上的博客-CSDN博客_layui table update需求 点击一行数据后面的处理,只刷新这行数据的内容,不全部刷新updatelayui 给我们提供了update方法,可以用来修改当前行数据//工具条事件table.on('tool(test)', function(obj){ //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值" var data = obj.data; //获得当前行数据 var layEvent = obj.event; //获得...https://blog.csdn.net/sunshinezx8023/article/details/119343923


版权声明:本文为CherryMs原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。