layui 监听弹窗关闭并刷新父级table的场景分析

更新时间：2024年07月21日 10:01:36 作者：appleคิดถึง

这篇文章主要介绍了layui 监听弹窗关闭并刷新父级table的场景分析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

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 监听弹窗关闭内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

JavaScript 监听textarea中按键事件
不同的浏览器中的事件监听机制是不同的，以onKeyPress事件为例。
2009-10-10
js中实例与对象的区别讲解
今天小编就为大家分享一篇关于js中实例与对象的区别讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-01-01
浏览器缩放检测的js代码
这篇文章主要介绍了浏览器缩放检测的js代码,需要的朋友可以参考下
2014-09-09
JavaScript实现简单图片切换
这篇文章主要为大家详细介绍了JavaScript实现简单图片切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
如何在uniapp项目中使用mqtt
本文给大家分享uniapp中引入mqtt的全过程，在uniapp项目根目录下分别运行安装mqtt和uuid的命令行，因为后面会用uuid生成mqtt的clientId，文中给大家介绍mqtt和uuid安装过程，感兴趣的朋友跟随小编一起学习下吧
2021-05-05
javascript 获取元素位置的快速方法 getBoundingClientRect()
有一种快速获得网页元素的位置。那就是使用getBoundingClientRect()方法。
2009-11-11
纯js实现打字机效果
这篇文章主要为大家详细介绍了纯js实现打字机效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
浅谈Javascript中的对象和继承
这篇文章主要介绍了Javascript中的对象和继承，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
JS中的构造函数详细解析
本篇文章主要是对JS中的构造函数进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-03-03
JS库particles.js创建超炫背景粒子插件(附源码下载)
particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单，代码也很容易实现，下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载，需要的朋友参考下吧
2017-09-09