添加元素标签面板

Question

的一个部分，因此我有一个TabPanel定义，像这样：

panel = new Ext.TabPanel({ 
      fullscreen: true, 
      cardSwitchAnimation: 'slide', 
      ui: 'dark', 
      items: [home, faq, about] 
     }); 

的home部分的定义，像这样：

home = new Ext.Component({ 
      title: "Home", 
      scroll: 'vertical', 
      tpl: [ 
       '<tpl for="."', 
       ' <div messageId="{message_id}">', 
       ' </div>', 
       '</tpl>' 
      ] 
     }); 

现在，只有home选项卡上，我想这也会包含一些其他元素，具体而言，一个文本框，按钮和两个下拉式菜单中TabPanel下方的部分权利。

我怎样才能将它们添加，这样内容部分依然充当同样的方式，并且不启动，直到这些添加元素的下面？

Answer 1

这不是100％清楚你的目标是什么，但它听起来像你只是想下面的“家”卡内堆叠在彼此的上面两组....如果你需要控制多少空间各个子项占用你需要看看layout性质特别hbox我想。

home = new Ext.Panel({ 
    title: "Home", 
    scroll: 'vertical', 
    items: [ 
     { 
      html: 'first panel' 
     }, 
     { 
      tpl: '<tpl for="."><div messageId="{message_id}"></div></tpl>' 
     } 
    ] 
}); 

或者你可能一直在谈论有像第二个工具栏，在这种情况下看看dockedItems。