Layui监听弹窗关闭并刷新父级Table的实现方案
作者:工具松鼠时间:2026-10-31 14:54:26浏览:131
本文详细解析在Layui与TP5组合开发中,如何监听弹窗关闭事件并刷新父级表格。涵盖二级页面编辑保存后刷新自身表格,以及一级页面编辑保存后刷新父级表格两种典型场景。通过提供具体的JavaScript代码示例,展示如何利用parent.layer获取索引、关闭弹窗并触发表格重载,解决数据同步问题。
Layui 监听弹窗关闭并刷新父级table
记录:easyadmin 监听弹窗关闭并刷新父级table
场景一:在二级页面的table中点击编辑,保存后刷新二级页面的table
edit: function () {
ea.listen(function (data) {
return data;
}, function (res) {
ea.msg.success(res.msg, function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
parent.$('[data-table-refresh]').trigger("click");
});
});
},场景二:在一级页面的table中点击编辑,保存后刷新一级页面的table
edit: function () {
ea.listen();
},Layui关闭弹层并刷新父页面表格
最近一直使用TP5+Layui的组合,许多地方都要使用到关闭弹层然后刷新父页面表格的功能。代码如下:
//先得到当前iframe层的索引
var index = parent.layer.getFrameIndex(window.name);
//再执行关闭
parent.layer.close(index);
//刷新父级页面的表格
parent.layui.table.reload('table');到此这篇关于layui 监听弹窗关闭并刷新父级table的文章就介绍到这了,更多相关layui 监听弹窗关闭内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!
作者最新文章
JS表单序列化出现中文乱码怎么解决
2026-11-05 17:21:05
JS代码在线格式化工具推荐:无需安装快速美化
2026-11-05 17:17:49
WebStorm内置JS代码格式化功能怎么用
2026-11-05 10:10:47
在线JS代码格式化与混淆压缩工具推荐及使用指南
2026-11-03 20:31:53
CodePen、JSFiddle与RunJS对比:哪款在线JavaScript编辑器更好用
2026-11-03 18:52:45
