Extjs 窗体居中，双重窗体弹出时清除父窗体的鼠标事件

这个是监控窗体缩放的事件  缩放中居中主要在 'beforeshow' 和  'destroy'两个事件里面监控
var EditTempWindow;
Ext.EventManager.onWindowResize(function() {
	if (EditTempWindow) {
		EditTempWindow.center()
	}
});
Ext.define("Define.Class.EditWindow", {
	id: 'RoomEditWin',
	xtype: 'window',
	layout: 'fit',
	align: 'center',
	width: 330,
	height: 182,
	resizable: false,
	draggable: false,
	border: false,
	bodyStyle: 'padding:5px',
	maximizable: false,
	closeAction: 'close',
	closable: false,
	floating: true,
	listeners: {
		'show': function(e) {//这里操作其实是涉及到两个窗体，一个是父窗体，然后在父窗体中点击增加功能时，弹出一个子窗体
                                          // ，当弹出一个子窗体时，这时候要出现一个很奇怪的问题， 当你鼠标点到父窗体时，
 // 父窗体会被转到顶层，而子窗体确被父窗体覆盖了。。。下面的代码就是解决这个问题
     
			var style = {  //这个样式就是给父窗体设置节点设置的
				//display: 'block',
				'pointer-events': 'none',//主要就是这句，他的意思就是取消父窗体中鼠标事件   //设置回去的代码是'pointer-events': '',//
			};
			Ext.getCmp("主窗体ID").getEl().setStyle(style);//设置主窗体样式
			Ext.getCmp("主窗体ID").getEl().mask()//给主窗体增加遮罩
		},
		'beforeshow': function(o) {
			EditTempWindow = o
		},
		'destroy': function(o) {{
			EditTempWindow = null
		}
	}

 

 

 

 

 

转载于:https://www.cnblogs.com/xiaoliao/p/4415908.html