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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值