如何在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();