layer 弹出窗

  1. layer弹窗

官方文档:https://www.layui.com/doc/modules/layer.html#layer.closehtml

  • type - 基本层类型

类型:Number,默认:0
layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)web

  • layer.close(index) - 关闭特定层

关于它彷佛没有太多介绍的必要,惟一让你疑惑的,可能就是这个index了吧。事实上它很是容易获得。
//当你想关闭当前页的某个层时
var index = layer.open();
var index = layer.alert();
var index = layer.load();
var index = layer.tips();ajax

//正如你看到的,每一种弹层调用方式,都会返回一个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); //再执行关闭   json

  • 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层   post

  1. 实践关闭弹出窗口

//若是你想关闭最新弹出的层,直接获取layer.index便可
layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的ui

//当你在iframe页面关闭自身时
var index = parent.layer.getFrameIndex(window.name); //先获得当前iframe层的索引
parent.layer.close(index); //再执行关闭url

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)
        }
    }
相关文章
相关标签/搜索