如何正確對齊ExtJS tbar的內容？

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

嘗試：

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

請參閱該文檔爲Ext.Toolbar.Fill。