Come posso allineare a destra il contenuto di una tbar ExtJS?

Question

Ho un Tbar all'interno di un pannello grigliato come questo:

Questo è il codice che 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'} 
       ] 
      }) 

     }], 

Di cosa ho bisogno di cambiare in modo che il set è di destra -allineato invece di allineato a sinistra?

Addendum

grazie @dogbane, che funziona perfettamente, ecco come allineata a destra sia testo a discesa:

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

Answer 1

Prova:

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

Vedere la documentazione per Ext.Toolbar.Fill.