Добавить элемент в tabBar tabPanel в extjs

Question

У меня есть static tabPanel, что я не могу его изменить. Он не имеет никакой конфигурации tabBar. Но я хочу добавить некоторые элементы в его tabBar (добавить несколько кнопок справа от tabPanel) с помощью одной из его дочерних панелей. Как я могу это сделать? Я использую extjs 4.2.

мой TabBar:

tabBar: { 
    items: [{ 
     xtype: 'tbfill' 
    }, 
    { 
     itemId : 'completeButton', 
     iconCls : 'icon-complete', 
     xtype: 'button', 
     text: 'complete' 
    }, { 
     itemId : 'diagramButton', 
     iconCls : 'icon-diagram', 
     xtype: 'button', 
     text: 'diagram' 
    }] 
} 

код для добавления элемента в TabBar:

//childPanel is a direct child of rootTabPanel 
//button is a button that should be added to rootTabPanel tabBar 
addButton2Toolbar : function(childPanel,button){ 
    var rootTabPanel = childPanel.up('tabpanel'); 
    // add button to tabBar of rootTabPanel ????? 
} 

Answer 1

I'v добавил fieldcontainer элемента в TabBar и переместить tabBars деталь к пунктам полевых контейнеров.

tabBar: { 
    items: [{ 
     xtype: 'tbfill' 
    }, { 
     xtype : 'fieldcontainer', 
     itemId : 'toolBar', 
     layout : 'hbox', 
     items : [ { 
      itemId : 'completeButton', 
      iconCls : 'icon-complete', 
      xtype: 'button', 
      text: 'complete' 
     }, { 
      itemId : 'diagramButton', 
      iconCls : 'icon-diagram', 
      xtype: 'button', 
      text: 'diagram' 
     }] 
    }] 
} 

код для добавления элемента в TabBar:

//childPanel is a direct child of rootTabPanel 
//button is a button that should be added to rootTabPanel tabBar 
addButton2Toolbar : function(childPanel,button){ 
    var rootTabPanel = childPanel.up('tabpanel'); 
    var toolBar = rootTabPanel.down('fieldcontainer#tabBar'); 
    toolBar.add(button); 
}