Làm cách nào để căn chỉnh nội dung của thanh công cụ ExtJS?

Question

Tôi có một tbar bên trong một bảng điều khiển lưới như thế này:

Đây là mã mà tạo ra nó:

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

     }], 

gì tôi cần phải thay đổi sao cho dropbox là đúng thay vì căn trái?

Phụ Lục

nhờ @dogbane, rằng hoạt động hoàn hảo, đây là cách tôi ngay thẳng cả văn bản và thả xuống:

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

Answer 1

Hãy thử:

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

Xem các tài liệu cho Ext.Toolbar.Fill.