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