Sencha Architect中的表格佈局（Ext.js項目）

Question

由於新的項目需求，我對Sencha Architect非常熟悉，除了使用Table Layouts外，似乎都很好。 Sencha Architect的文檔最好不過了，Ext.js的Table Layout文檔似乎沒有回答我的問題。

請使用鏈接以供參考：http://fossilstudio.com/offsite/sampleLayout1/app.html

「表」面板只是用表的佈局和2列它包含4個面板的面板。我試圖達到的目標是通過強制桌子達到100％的高度和寬度，讓這4個面板佔據相等數量的水平和垂直空間。這並不像我希望的那樣直觀。

任何意見，將不勝感激

Answer 1

時，才應使用表的佈局，如果你想真正的表。

使用盒佈局：

Ext.onReady(function() { 
    Ext.create('Ext.panel.Panel', { 
     renderTo: Ext.getBody(), 
     width: 400, 
     height: 400, 
     layout: { 
      type: 'vbox', 
      align: 'stretch' 
     }, 
     items: [{ 
      flex: 1, 
      xtype: 'container', 
      layout: { 
       type: 'hbox', 
       align: 'stretch' 
      }, 
      items: [{ 
       flex: 1, 
       title: 'P1' 
      }, { 
       flex: 1, 
       title: 'P2' 
      }] 
     }, { 
      flex: 1, 
      xtype: 'container', 
      layout: { 
       type: 'hbox', 
       align: 'stretch' 
      }, 
      items: [{ 
       flex: 1, 
       title: 'P3' 
      }, { 
       flex: 1, 
       title: 'P4' 
      }] 
     }] 
    }); 
});