javascript - 调整浏览器大小后，Ext Window 未居中

Question

我有一个窗口在调整浏览器大小后没有居中。当我调整浏览器大小时，一半的窗口消失了

var Win,
    ViewPort = Ext.getBody(),
    winWidth = ViewPort.getWidth(),
    winHeight = ViewPort.getHeight();
Win = new Ext.IframeWindow({
                        id: 'H1',
                        modal: true,
                        resizable: true,
                        title: 'H1',
                        closable: true,
                        constrain : true,
                    });
    Win.width = (winWidth / 100) * 90,
    Win.height = (winHeight / 100) * 90,

另外，当我按一定百分比给出宽度和高度时，比如

Win.width = '80%',
Win.height = '90%',

在这种情况下一切顺利。但我不想因为窗口上的数据和布局调整。

Answer 1

您可以尝试以下代码片段:-

1. 通过使用窗口 id:

   Ext.getBody().el.dom.onresize = function() {
如果(Ext.getCmp('your_window_id')){
Ext.getCmp('your_window_id').center();
}
}

2. 通过使用窗口 itemId:

   Ext.getBody().el.dom.onresize = function() {
如果(Ext.ComponentQuery.query('#your_window_id')[0]){
Ext.ComponentQuery.query('#your_window_id')[0].center();
}
}

希望这对你有帮助:)