解决layui table动态更新行数据后,每行toolbar工具栏不更新的问题

其实这是我想在Fly社区,对于一个帖子发的一个回帖,但是它非要让我激活email,就先发在这里吧~_~


 

这个layui table行toolbar要实现动态更新,在目前最新版本2.5.6下,我试验成功的解决办法是:

追逐_梦想 说的可以实现,给了我解决的灵感,不过需要变通一下:
第一,不能 使用toolbar来引用模板,就作为一个普通列,添加field并用templet来引用模板;
[pre]
{field:'tool_field',fixed:'right',templet:'#rowBtns',width:150}
[/pre]

第二,这个添加的 field属性,凭空写一个不行,需要给server返回的数据添加一个虚拟列。你当然可以在服务端处理,不过在这里我用的parseData回调解决:
[pre]
parseData:function(res){
res.data = res.data.map(function(d){d['tool_field']='';return d;});
return res;
}

[/pre]
第三,更新数据的时候加上这个列就OK了,值无所谓;
[pre]
obj.update({......, tool_field: '' });
[/pre]

 

posted @ 2020-03-16 16:11  佣工7001  阅读(4199)  评论(3编辑  收藏  举报