问题:选择独立组件layer.js
实现弹窗展示数据界面。基于layer.js组件弹出一个新的iframe的子弹窗,但需要从父页面传入参数。需要在js中实现。
父页面对应的js的代码如下:
function openMore() {
var floorTxt = $('#curFloor').text();
var floor = floorTxt.substring(0, floorTxt.length-1);
top.layer.open({
type : 2,
area : [ 620, 500 ],
maxmin : true,
title : '运行参数',
content : 'airController.do?allUnitsPop,//调用后台
success : function(layero,index) {
console.log('open');
//用layer方式传值-------以下为重点
var body = top.layer.getChildFrame('body', index);
console.log(body);
body.find('#inputFloor').val(floor);
}
});
}
弹出的子页面jsp代码如下:
<input id="inputFloor">
重点:
1、success : function(layero,index)—必须加index 。
2、var body = top.layer.getChildFrame(‘body’, index);中的top.layer,若前面使用的是layer.open(),则此处应用layer.getChildFrame(‘body’, index)。
3、 body.find(’#inputFloor’).val(floor);中"#inputFloor"为子页面想要展示的控件id,floor为你想传的值。