layer弹出层的关闭问题

Posted 2022-03-08 niuben

我们在执行添加或者修改的时候，弹出一个框，进行编辑。这时需要将数据提交到后台处理，这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表。

一、关闭弹出层

这是layer官网给出的手册，讲的很详细

分成两种情况：

1、弹出层不是新页面的时候，直接获得该弹窗的索引，然后执行 colse 方法

layer.close();

2、弹出窗是新的页面的时候

var index=parent.layer.getFrameIndex(window.name);

parent.layer.close(index);

二、关闭弹窗之后刷新父页面

例如：在添加操作页面时，会弹出一个新的弹窗页面，填写完成，点击确定之后，弹窗页面关闭。

这时候需要关闭弹窗的时候刷新父页面

window.parent.location.reload();

 看看我的实例

<script>
    /* 关闭弹出框口*/
    function window_close()
        //刷新父页面
        window.parent.location.reload();
        //关闭当前弹窗
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    
</script>