Sencha分機面板填充瀏覽器

Question

我有以下應用程序，它填充屏幕沒有問題水平。我希望它也可以垂直填充。

var missionsPanel = new Ext.panel.Panel 
     (
      { 
       title: 'Active Missions', width: '35%', renderTo: Ext.getBody(), layout: { type: 'vbox', align: 'stretch', padding: 5} 
      } 
     ); 

     resultsPanel = Ext.create('Ext.panel.Panel', { 
      title: 'ISR Toolkit v3.0', 
      renderTo: Ext.getBody(), 
      layout: { type: 'hbox', align: 'fit', padding: 5 }, 
      items: 
      [ missionsPanel, { xtype: 'splitter' }, 
       { title: 'Person Details', bodyPadding: 5, flex: 2, 
         items: 
         [ 
          { itemId: 'txtName', fieldLabel: 'Name:', xtype: 'textfield'}, 
          { itemId: 'txtAge', fieldLabel: 'Age', xtype: 'textfield'}, 
          { itemId: 'btnShow', xtype: 'button', height: '60', width: 125, align: 'right', text: 'Show Data', handler: createNewMissionWindow } 
         ] 
       }  
      ] 
     }); 

我相信這是一件小事我失蹤了。

Answer 1

最簡單的方法是創建一個Viewport與fit佈局，唯一item是您的面板（除去renderTo CONFIGS，以及任何高度/寬度）。