Tabbar Dock one Item

Hey,

I have a tabbar with tabs and an icon on the end.

The tabs have to be created dynamic.

If there are to many tabs I got this arrows.

This is fine, but I want to have the icon out of them so it is shown all the time.

If I put the icon in dockedItems it is not shown anymore.

I tried to dock it in different ways, but nothing did work.

Thanks!

Here is my Code i have so far:

My Tabs come from the controller. This has to be so, because if a user klick something, a new tab is generated.

Code:

      
{         xtype: 'panel',
         id: 'overtabpanel',
         width: '100%',
         height: 500, 
         layout: 'fit',
         items: [ {
               xtype: 'tabpanel',
               id: 'apptabpanel',
              layout: 'fit',
             activeTab: 0,
               tabBar: {
                  height: 30,
                  items: [ {
                        xtype: 'tbfill'
                     },
                     {
                        xtype: 'image',
                        width: 150,
                        id: 'appcenterhomebutton',
                       src: 'resources/images/homebutton.png'
                     }
                  ]
               }
            } ]
      }