煎茶觸摸 - Tab平板佈局

Question

請參閱演示：http://jsfiddle.net/JeaffreyGilbert/NGrry/1/

如何使標籤面板的內容填補了中心區域？標題應位於工具欄下方的頂部。

預期佈局：http://dev.sencha.com/deploy/touch/examples/kitchensink/。我認爲Source並不完整，只有tabPanel本身。

請幫忙。

Answer 1

通常做的那種佈局的我不得不窩面板，並使用空面板設置爲1

我調整你的代碼，以顯示我的意思flex屬性http://jsfiddle.net/r9c2M/

例如居中文本「家」工具欄標題下方，我改變了最初一個tabpanel項目

{ 
    title: 'Home', 
    layout: 'vbox', 
    items: [ 
     {layout: 'hbox', 
     items: [ 
      {flex: 1}, 
      {html: '<h2>Home</h2>'}, 
      {flex: 1} 
     ]}, 
     {flex: 1} 
    ], 
    iconCls: 'home', 
    cls: 'card card1'} 

另外的一個tabpanel應該只是主視口面板的項目，而不是一個dockedItem。這也搞亂了佈局。