如何在Ext JS的整个屏幕上最大化窗口显示？

Question

我正在渲染一个包含图表的窗口到div，以便它出现在我的网页的某个地方。当我点击窗口上的最大化按钮时，我希望它最大化地占据整个屏幕。目前它只是最大化它所在的div的尺寸。

我明白，如果我将窗口渲染到主体，那么当窗口最大化时它占用整个屏幕，但是这种方法的问题是那么我会失去对窗口在页面上的显示位置的控制，因此我将它渲染为一个div。如果有人知道在页面上定位窗口的另一种方式，我很乐意尝试一下。

得到任何帮助，

Answer 1

这可能不适合取决于窗口的位置如何严格的是与你的应用程序的布局，但你可以使用x和y配置属性告诉Ext.Window何处渲染...

编辑：您还可以使用window.setPosition(x, y);告诉窗口也移动到一个特定的位置。您可以挂钩该窗口的resize事件，或者...只需从最大化/最小化窗口的代码手动触发。

Ext.create('Ext.window.Window', { 
    title: 'Hello', 
    height: 200, 
    width: 400, 
    layout: 'fit', 
    x: 20, 
    y: 20, 
    items: { 
     xtype: 'grid', 
     border: false, 
     columns: [{header: 'World'}], 
     store: Ext.create('Ext.data.ArrayStore', {}) 
    } 
}).show();