Sencha Touch TabBar botón de agregar en el lado izquierdo de las pestañas

Question

Estaba trabajando a través de algunos tutoriales sencha táctil y no puedo encontrar la manera de agregar un botón a la izquierda de pestañas en la vista TabPanel. Por defecto, se agrega un botón a la derecha de las pestañas. He intentado cambiar la configuración de alineación y diseño, pero parece que nada funciona. Aquí está el código simple que estoy tratando de modificar

Ext.setup({ 

onReady: function() { 
    new Ext.TabPanel({ 
     fullscreen: true, 

     tabBar:{ 
      items:[{ 
       xtype: 'button', 
       ui: 'round', 
       text: 'Round' 
      }] 
     }, 

     items: [{ 
      title: 'Tab 1', 
      html: '1', 

     }, { 
      title: 'Tab 2', 
      html: '2', 

     }, { 
      title: 'Tab 3', 
      html: '3', 

     }] 
    }); 
} 

});

Answer 1

Prueba esto:

tabBar:{ 
    dockedItems:[{ 
     xtype: 'button', 
     ui: 'round', 
     text: 'Round', 
     dock: 'left' 
    }] 
},