弹出一个窗口
layer.open({
type: 2, //设置类型 默认为0 显示content中的内容(文本) 1 页面层 2ifream层
//content: "content.html",
offset:['20px','15px'],//距离上、左边距
title: "提示", //左上角显示标题
content:url, //type为2,打开窗口显示url渲染后的页面
//content:$('#divId') //显示页面中id为divID里的内容 type为1或者0
//content:'18html.jsp' //显示该jsp的页面内容,type为2
area: ['800px', '600px'],//宽高
btn: ['按钮一', '按钮二', '按钮三'],
yes: function (index, obj) {
//按钮【按钮一】的回调
//index 为当前窗口的索引
//obj 为打开的窗口的索引
alert("按钮一");
layer.close(index);
},
btn2: function (index, obj) {//btn2的名字固定,不能更改
//按钮【按钮二】的回调
alert("按钮二")
return false //默认点击后关闭,设置false则不关
},
cancel: function () {
//右上角关闭回调
alert("cancel")
//return false 开启该代码可禁止点击该按钮关闭
},
btnAlign: 'c', //按钮的对齐方式,默认居右,c为居中
maxmin: true, //右上角是否显示页面最大化和最小化的按钮 type=1 type=2有效
anim:3 //页面弹出的动画
end:function(){
//最后执行的方法
}
})
在子页面关闭其打开的open窗口
openClose = function(){
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
}
子页面向父页面传参
// 子窗体传值到父窗体 pids是父页面的一个dom
$("#pids",window.parent.document).val("我是id为pids里设置的vlaue值!!!");
layer.alert 使用
layer.alert('我是弹窗显示的内容!!', {
skin: 'layui-layer-molv', //样式类名 自定义样式,一般不会写这个东西
closeBtn: 1, // 是否显示关闭按钮
anim: 1, //动画类型
btn: ['按钮1','按钮2'], //按钮,默认只显示一个确定按钮
icon: 6, // icon
yes:function(){
layer.msg('按钮1')
},
btn2:function(){
layer.msg('按钮2')
}});