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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
这个是监控窗体缩放的事件
缩放中居中主要在 '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
}
}