解决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]
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律