使用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層的功能。