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
}
}