Extjs 新建窗口并监听子窗口关闭事件

最新推荐文章于 2020-12-22 18:16:15 发布

gergerman

最新推荐文章于 2020-12-22 18:16:15 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

文章标签： extjs

本文链接：https://blog.youkuaiyun.com/gergerman/article/details/8786562

本文介绍了一个使用ExtJS框架创建动态窗口的方法，该方法通过加载iframe实现内容展示，并详细展示了如何根据浏览器尺寸调整窗口大小及位置，同时实现了窗口最大化、还原等交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function gridOpenNewWin(url,title){
	var isFistRestore=0;
	var html = "<iframe id='frmForm' name='frmForm' src='"+url+"'+ width='100%' height='100%'></iframe>";
	var fatherStyle = Ext.getBody();
	var bodyWidth =  fatherStyle.getComputedWidth();
	var bodyHeight = fatherStyle.getComputedHeight();
	
	var winId;
	var i;
	for(i=0;i<=WinPosition;)
	{
		winId = "win"+i;
		if(Ext.getCmp(winId))
		{
			i++;
		}
		else{
			if(title.length<1)
				title = '查看窗口'+i;
			var tabs = new Ext.Panel({
					region: 'center',
					margins:'3 3 3 0', 
					defaults:{autoScroll:true},
					html: html
				});
			win = new Ext.Window({
				title:title,
				closable:true,
				maximizable:true,
				width:bodyWidth,
				height:bodyHeight,
				border:false,
				plain:true,
				//modal:true,
				id:winId,
				constrain :true,
				layout: 'border',
				items: [tabs]
			});
			win.show(fatherStyle);
//			win.minimize();
			win.maximize(); 
			win.on('restore', function(){
				if(isFistRestore==0)
				{
					win.setPosition(bodyWidth-i*30-30,0);
					isFistRestore=1;
				}
			});	
			win.on('close', function(){
					window.location.reload() ;
			});	
			if(i==WinPosition)
				WinPosition++;
			break;
		}
	}
}