弹出层-layui

Posted xiaonangua

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了弹出层-layui相关的知识,希望对你有一定的参考价值。

type
0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)
iframe窗
layer.open({
        type: 2,
        title: ‘添加文章‘,
        shadeClose: false,//点击阴影是否关闭
        shade: 0.3,//阴影透明度,false为0,true为1
        maxmin: true, //开启最大化最小化按钮
        area: [‘1200px‘, ‘700px‘],
        content: ‘/System/Article/AddArticle‘
    })
页面层
layer.open({
        type: 1,
        title: ‘私人信息‘,
        shadeClose: false,
        shade: 0.3,
        maxmin: true, //开启最大化最小化按钮
        area: [‘300px‘, ‘300px‘],
        content: $("#secretForm"),
        end:function(){
            table.reload(‘secretData‘,{})
        }
    })
关闭
//如果该页面被另一个页面弹出,在该页面关闭时
    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    parent.layer.close(index); //再执行关闭  
信息框
 layer.msg(msg, {
        time: 1000 //2秒关闭(如果不配置,默认是3秒)
        }, function(){
           //dosomething
        }
    );  
关闭弹出层时刷新父界面
table.reload(‘articleData‘,{})

或者

//父页面
    location.reload();
    //子页面
    parent.location.reload();

 

 

以上是关于弹出层-layui的主要内容,如果未能解决你的问题,请参考以下文章

adminlte+layui框架搭建3 - layui弹出层

LAYUI弹出层详解

关于layui弹出层的使用

layui使用layer弹出层父子页面事件相互调用方法

layui的弹出层效果在导航中的使用

模拟layui弹出层