layui---layer使用---父子页面传值问题

问题:选择独立组件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为你想传的值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值