layer.open参数;layer.open关闭事件;layer.open关闭刷新;layer.open获取子页的值;layer.open调用子页面的方法

时间:2023-03-08 22:27:42
layer.open参数;layer.open关闭事件;layer.open关闭刷新;layer.open获取子页的值;layer.open调用子页面的方法
父页面

function layerOpen()
{
layer.open({
type: 2,
shade: [0],
title: "验收申请",
area: ['1024px', '680px'],
btn: ['按钮1', '按钮2'], //只是为了演示
//time: 2000, //2秒后自动关闭
fixed: true,
shadeClose: false, //开启遮罩关闭
content: '/Home/layer',
yes: function (index, layero) {
//得到iframe页的窗口对象(2种方式)-----------推荐使用第二种方式获得对象
var iframeWin1 = window[layero.find('iframe')[0]['name']];
var iframeWin2 = window["layui-layer-iframe" + index];

//对应调用子页面的方法(2种方式)
var ids1 = iframeWin1.SunPage();
var idd2 = iframeWin2.SunPage();

//获取子页面的值
var res = iframeWin1.callbackdata();
alert(res.resut4);  //这里从子页面传过来了4个值,这里只取第四个值 callbackdata()来自子页面
},
cancel: function (index, layero) {//取消事件
},
end: function () {//无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。layer.open关闭事件
location.reload();  //layer.open关闭刷新
}
});
}

子页面子页面
<script type="text/javascript">
function SunPage() {
alert("子页面的方法");
}
</script> <input id="put1" value=""/>
<input id="put2" value="" />
<input id="put3" value="" />
<input id="put4" value="" />
<input id="put5" value="" />
<input id="put6" value="" />
<script>
var callbackdata = function () {
var data = {
resutl: true,
resut2: $("#put1").val(),
resut3: $("#put2").val(),
resut3: $("#put3").val(),
resut4: $("#put4").val(),
};
return data;
}
</script>