煎茶触摸 - 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。这也搞乱了布局。