子页面如何调用/关闭父页面layer

问题

在项目开发中，有时候操作子页面需要在父页面层级调用layer提示，如下图

在子页面执行了某个操作后给出layer提示，整个项目都被禁用，要等加载完成之后在关闭layer提示

父页面代码

HTML代码

    <button id="prohibit" style="display:none"></button>
    <button id="removeProhibit" style="display:none"></button>

JavaScript代码

        var index = null;
        $("#prohibit").click(function () {
            index = layer.msg('正在处理中，请耐心等待，请勿关闭窗口，否则会导致数据出错！', {
                icon: 16,
                time: false,
                shade: 0.2
            });
        });

        $("#removeProhibit").click(function () {
            layer.close(index);
        });

 

子页面代码

JavaScript代码

    var _body = window.parent;
    if (@(Model.ErrorState)=== 1) {
        _body.$("#removeProhibit").click();
    }
    else {
       window.onload=function(){ 
        _body.$("#prohibit").click();
       }      
    }

如上述代码，我们在子页面可以通过"window.parent"来触发父页面的click事件，从而实现在子页面调用/关闭layer提示。

文章转载自：快速开发平台– 云微平台
地址：https://www.hocode.com/