Как правильно выровнять содержимое панели ExtJS?

Question

У меня есть TBAR внутри панели сетки, как это:

Это код, который производит это:

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'} 
       ] 
      }) 

     }], 

Что мне нужно изменить так, чтобы раздаточная правильно -главы вместо выравнивания по левому краю?

Добавление

благодаря @dogbane, что работает отлично, вот как я выравнивание по правому краю как текст, так и выпадающее меню:

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

Answer 1

Try:

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

Смотрите документацию для Ext.Toolbar.Fill.