javascript - Ext JS 如何实现全屏最大化窗口显示？

Question

我正在将一个包含图表的窗口渲染到一个 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();