layer 彈出窗

1. layer彈窗

官方文檔：https://www.layui.com/doc/modules/layer.html#layer.close

• type - 基本層類型

類型：Number，默認：0
layer提供了5種層類型。可傳入的值有：0（信息框，默認）1（頁面層）2（iframe層）3（加載層）4（tips層）。 若你採用layer.open({type: 1})方式調用，則type爲必填項（信息框除外）

• layer.close(index) - 關閉特定層

關於它彷佛沒有太多介紹的必要，惟一讓你疑惑的，可能就是這個index了吧。事實上它很是容易獲得。
//當你想關閉當前頁的某個層時
var index = layer.open();
var index = layer.alert();
var index = layer.load();
var index = layer.tips();

//正如你看到的，每一種彈層調用方式，都會返回一個index
layer.close(index); //此時你只須要把得到的index，輕輕地賦予layer.close便可
 //若是你想關閉最新彈出的層，直接獲取layer.index便可
layer.close(layer.index); //它獲取的始終是最新彈出的某個層，值是由layer內部動態遞增計算的
 //當你在iframe頁面關閉自身時
var index = parent.layer.getFrameIndex(window.name); //先獲得當前iframe層的索引
parent.layer.close(index); //再執行關閉   

• layer.closeAll(type) - 關閉全部層

若是你很懶，你不想去獲取index你只想關閉。那麼closeAll真的能夠幫上你。若是你不指向層類型的話，它會銷燬掉當前頁全部的layer層。固然，若是你只想關閉某個類型的層，那麼你能夠
layer.closeAll(); //瘋狂模式，關閉全部層
layer.closeAll('dialog'); //關閉信息框
layer.closeAll('page'); //關閉全部頁面層
layer.closeAll('iframe'); //關閉全部的iframe層
layer.closeAll('loading'); //關閉加載層
layer.closeAll('tips'); //關閉全部的tips層   

1. 實踐關閉彈出窗口

//若是你想關閉最新彈出的層，直接獲取layer.index便可
layer.close(layer.index); //它獲取的始終是最新彈出的某個層，值是由layer內部動態遞增計算的

//當你在iframe頁面關閉自身時
var index = parent.layer.getFrameIndex(window.name); //先獲得當前iframe層的索引
parent.layer.close(index); //再執行關閉

function submitHandler() {
        if ($.validate.form()) {
            $.modal.loading("正在處理中，請稍後...");
            var config = {
                url: prefix + "/add",
                type: "post",
                dataType: "json",
                data: $('#form-invIncomeInvoice-add').serialize(),
                success: function (result) {
                    // 關閉遮罩
                    $.modal.closeLoading();
                    if (result.code == web_status.SUCCESS) {
                        // 添加提示信息
                        $.modal.alert("保存成功");
                        // 清空表單信息
                        $.form.reset("form-invIncomeInvoice-add");
                        var index = parent.layer.getFrameIndex(window.name);  
                        parent.layer.close(index);//關閉當前頁  
                     	// window.parent.location.replace(location.href)//刷新父級頁面 
                        window.parent.location.reload(); //刷新父級頁面 
                    } else {
                        // 錯誤提示信息
                        $.modal.alertError(result.msg);
                    }
                }
            };
            $.ajax(config)
        }
    }