Extjs内のナビゲーションバーから離れてすべてのブラウザウィンドウを埋めるためのレイアウト

Question

私はExtjsを使用しており、ナビゲーションバーから離れたすべてのブラウザのウィンドウを満たすレイアウトを作成しようとしています。

私はそれが私のコンテンツ内のdivにレンダリングするのExtJS/geoextでmapPanelを作成しました：

Ext.create('Ext.panel.Panel', { 
     layout: "fit", 
     renderTo: "view", 
     width:1100, 
     height: 500, 
     items: { 
      layout: "border", 
      deferredRender: false, 
      items: [mapPanel, tree, 
      ] 
     } 
    }); 

正常に動作しますが、レイアウトは、「ビュー」のdiv内にレンダリングされます。 ナビゲーションバーとは別に、ドキュメントのすべてのコンテンツを単純に上書きできますか？

Answer 1

renderTo: Ext.getBody()を使用するか、Viewportのすべてをラップすることができます。

Ext.create('Ext.container.Viewport',{ 
    items:[{ 
     layout: "border", 
     deferredRender: false, 
     items: [mapPanel, tree] 
    }] 
}); 

しかし、どちらの方法も身体にあるすべてのものを上書きすることはありません。既存のコンテンツを手動で破棄する必要があります。例えば

あなたはスプラッシュスクリーンを持っている場合：

<div id="splash" style="text-align:center; vertical-align:middle;"> 
    <br><br> 
    <img src="Loading.png"> 
    <br><br> 
    <progress max=100></progress> 
    <br><br> 
    Loading... 
</div> 

あなたがApplication.jsのあなたの打ち上げ方法でその画面を破壊することもできます。あなたの答えのための

launch: function() { 
    var splash = Ext.get('splash'); 
    if(splash) splash.destroy(); 
}