解决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 @   柒零壹  阅读(5640)  评论(3编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示