标签:
这个是监控窗体缩放的事件 缩放中居中主要在 ‘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 } }
标签:
原文地址:http://www.cnblogs.com/xiaoliao/p/4415908.html