EXTJS系列笔记—Ext.Window操作窗口

编写前台代码对于一名 后端人员 ，是一件十分痛苦的事情。

  无独有偶，这样的事，还被我赶上了。 

  不过所谓兵来将档，经过努力 还是如期 交了代码。

写帖子同时也是希望贴子可以给头次接触Extjs的人一些帮助了。

EXTJS 该项目版本比较久，版本为 Ext 2.2

例: 新增

通过新增按钮的 onlick 方法，调用function   checkPerson

按钮可参考这个

EXTJS系列笔记—实现 grid.ColumnModel 中每行后面的操作按钮_mzj15711488543的博客-CSDN博客

function checkPerson(){
	var person = new Ext.Window({
		title : '查看人员信息',
		layout : 'fit',
		width : 700,
		height : 500,
		plain : true,
		constrain : true,
		collapsible : true,
		constrainHeader : true,
		modal : true,
		resizable : false,
		maximizable : false,
		minimizable : false,
		//以上属性，不一一写了，可以直接搜到的
            
		html : "<iframe id = 'openPerson'  style='width:100%; height:100%'  src='需要跳转的页面'  frameborder='0'></iframe>", 
		// iframe 中的id 便是子窗口 的唯一标识  ，  下面有父窗口调用子窗口方法案例
           

		buttons : [{
			text : '保存',
			handler : function() {
				/**父窗口获取iframe子窗口方法*/

				/**getParams为子窗口中获取表单参数的方法，*/
				var params = document.getElementById("openNewPerson").contentWindow.getParams();
				/**Ext的ajax请求*/
				Ext.Ajax.request({
					method: 'POST',
					url: 新增接口的请求路径，
					params: params,
					success:function(response){                    
					
					}
				});
				person.close();
			}
        },{
			text : '返回',
			handler : function() {
				fQuery();
				person.close();
			}
       	}]
	});
    person.show();
}