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是如何实现继承的(六种方式)

    JavaScript是如何实现继承的(六种方式)

    大多OO语言都支持两种继承方式: 接口继承和实现继承 ,而ECMAScript中无法实现接口继承,ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现,下文给大家技术js实现继承的六种方式,需要的朋友参考下
    2016-03-03
  • jquery 实现输入邮箱时自动补全下拉提示功能

    jquery 实现输入邮箱时自动补全下拉提示功能

    大家在做Web项目,都会有注册登录模块,如果是邮箱注册,想要在输入@后触发下拉框显示各个邮箱的功能。下面介绍一款jQuery实现输入邮箱的时候,可自动补全邮箱地址,也可称为是“输入提示”的功能,比如输入aaa时,自动变成aaa@163.com,有效提升网页的人性化体验
    2015-10-10
  • JavaScript实现轮播图效果

    JavaScript实现轮播图效果

    这篇文章主要介绍了JavaScript实现轮播图效果,帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下
    2020-10-10
  • 利用jsPDF实现将图片转为pdf

    利用jsPDF实现将图片转为pdf

    这篇文章主要为大家详细介绍了如何利用jsPDF实现将图片转为pdf的功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起了解一下
    2023-08-08
  • Uniapp 实现全民分销功能原理解析

    Uniapp 实现全民分销功能原理解析

    这篇文章主要介绍了Uniapp 实现全民分销功能,本篇文章主要介绍全民分销功能实现原理,本文给大家介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • Selenium执行JavaScript脚本的方法示例

    Selenium执行JavaScript脚本的方法示例

    这篇文章主要介绍了Selenium执行JavaScript脚本的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • JavaScript中Object.freeze()和Object.seal()的使用

    JavaScript中Object.freeze()和Object.seal()的使用

    Object.freeze()和Object.seal()是JavaScript中用于控制对象可变性的两个方法,本文就详细的介绍一下这两种方法,感兴趣的可以了解一下
    2024-09-09
  • JS 根据子网掩码,网关计算出所有IP地址范围示例

    JS 根据子网掩码,网关计算出所有IP地址范围示例

    这篇文章主要介绍了JS 根据子网掩码,网关计算出所有IP地址范围,涉及IP地址、子网的正则验证,子网掩码计算等相关操作技巧,需要的朋友可以参考下
    2016-09-09
  • lodash中pick和omit函数的用法介绍

    lodash中pick和omit函数的用法介绍

    这篇文章介绍了lodash中pick和omit函数的用法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • JavaScript分页组件使用方法详解

    JavaScript分页组件使用方法详解

    这篇文章主要为大家详细介绍了JavaScript分页组件使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07

最新评论