Extjs4.2 window加载HTML,父子页面html传参

Extjs的窗口是可以加载自己的HTML的,但这样两个页面就相当独立了,传参是个问题 ,网上也没有很好的解答清楚,猫猫今天就说清楚这个模式的传参要点。

一、传参

窗口定义:

	var win3 = new Ext.Window({
		id: 'win3',
		width: 800,
		height: 500,
		modal: true,
		closeAction: 'hide', //hide
		title: '选择产品',
		plain: true,
		modal: true, //设置遮罩即只能操作最上层
		html: "<iframe id='openwin' src='Hrproduct_sel.html' scrolling='auto' style='width:100%;height:100%;margin:0;padding:0'></iframe>",
		renderTo: Ext.getBody(),
		defaults: {
			border: false
		}
	});

其中html 中的 src 可以用来传参 src=‘Hrproduct_sel.html?id=1’,

子窗口内的html怎么取得参数呢? getUrlParam可以获取url传参

var id = getUrlParam('id'); //得到传过来的ID
console.log(id)

function getUrlParam(param) {
	var params = Ext.urlDecode(location.search.substring(1));
	return param ? params[param] : params;
}

也可以用win3的属性传参,首先要点是要把父页面的窗口id传过来,比如 id是 win3

<iframe id='openwin' src='Hrproduct_sel.html?winid=win3' scrolling='auto' style='width:100%;height:100%;margin:0;padding:0'></iframe>

子窗口内html获取窗口的标题

var winid = getUrlParam('winid'); //得到传过来的ID
//获取窗口标题
var objwin = parent.Ext.getCmp(winid);
console.log(objwin.title)

二、获取返回值

在窗口定义中像id,width 等等都是属性,JS可以随意自己添加(猫猫原来没有理解,后面才知道这么搞,VFP也可以这样搞。),如我添加一个returnVal

	var win3 = new Ext.Window({
		id: 'win3',
		returnVal:"",
		width: 800,
		height: 500,
		modal: true,
		closeAction: 'hide', //hide
		title: '选择产品',
		plain: true,
		modal: true, //设置遮罩即只能操作最上层
		html: "<iframe id='openwin' src='Hrproduct_sel.html' scrolling='auto' style='width:100%;height:100%;margin:0;padding:0'></iframe>",
		renderTo: Ext.getBody(),
		defaults: {
			border: false
		}
	});

子页面往win3的returnVal写值

var winid = getUrlParam('winid'); //得到传过来的ID
var objwin = parent.Ext.getCmp(winid);  
objwin.returnval="123"

父页面在子窗口hide事件中获取这个值

	win3.on("hide",function(){
		console.log("hide");
		console.log(win3.returnval);
	})

这样就可以完成父子页面传参了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

加菲猫的VFP

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值