Ext JSで画面全体を最大限に表示する方法は？

Question

私は、Webページの特定の場所に表示されるように、divを含むチャートをレンダリングしています。ウィンドウ上の最大化ボタンをクリックすると、画面全体を最大化するようにしたい。現在は、それが存在するdivの次元に最大化するだけです。

私は、ウィンドウをボディにレンダリングすると、ウィンドウが最大化するときに画面全体を占めることがわかりますが、このアプローチの問題点は私はページ上のウィンドウがどこに表示されるかを制御できなくなるので、divにレンダリングします。誰かがページ上にウィンドウを配置する別の方法を知っているなら、私はこれを試してみてうれしいです。

これは、ウィンドウの配置があり、アプリのレイアウト方法を厳格に応じて、適切ではないかもしれないが、あなたはどこレンダリングするためにExt.Windowを伝えるためにxとy設定プロパティを使用することができ、

Answer 1

を任意の助けに感謝...

編集：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();