使用LayUI的时候经常会使用它的
layer.open()
函数去打开Iframe层,这样用户体验较好,同时也会向Iframe层传递数据,比如使用Iframe层来修改信息,比如这样:
操作如下:
主层代码:
layer.open({
type: 2
,area:['70%','98%']
,title: '失物招领'
,content: "../../html/back/updateLost.html",
success: function (layero, index) {
var iframe = window['layui-layer-iframe' + index];//拿到iframe元素
iframe.child(JSON.stringify(data))//向此iframe层方法 传递参数
}
})
其中child()函数是调用的frame层的:
function child(obj) {
//这样就把主窗体的值放到iframe层的隐藏控件了
//你也可以直接拿到obj完成你的需求
$("#lostid").val(obj.lostid);
$("#person").val(obj.lost);
$("#lostsite").val(obj.lostsite);
$("#losttime").val(obj.losttime);
$("#content").val(obj.lostcontact);
}
这样就实现了将数据铺到frame层的功能。