¿Cómo puedo alinear a la derecha los contenidos de una tbar ExtJS?

Question

Tengo un tbar dentro de un panel de cuadrícula como esto:

Este es el código que lo produce:

var grid = new Ext.grid.GridPanel({ 
    region: 'center', 
    style: 'margin: 10px', 
    store: new Ext.data.Store({ 
     data: myData, 
     reader: myReader 
    }), 
    title: 'Testing', 
    tbar: ['Filters:', { 
      width:   100, 
      xtype:   'combo', 
      mode:   'local', 
      value:   'en', 
      triggerAction: 'all', 
      forceSelection: true, 
      editable:  false, 
      fieldLabel:  'Produkt', 
      name:   'language', 
      hiddenName:  'language', 
      displayField: 'name', 
      valueField:  'value', 
      store:   new Ext.data.JsonStore({ 
       fields : ['name', 'value'], 
       data : [ 
        {name : 'German', value: 'de'}, 
        {name : 'English', value: 'en'}, 
        {name : 'French', value: 'fr'} 
       ] 
      }) 

     }], 

¿Qué necesito para cambiar de modo que la caja de reenvío es correcto -alineado en lugar de alineado a la izquierda?

Adición

gracias @dogbane, que funciona perfectamente, así es como la derecha alineé texto y desplegable:

tbar: [ 
    {xtype: 'tbfill'}, 
    'Filters:', 
    { 
     width:   100, 
     xtype:   'combo', 
     mode:   'local', 
     ... 

Answer 1

Probar:

{xtype: 'tbfill'}, // or '->' 

Consulte la documentación de Ext.Toolbar.Fill.