Как я могу выровнять содержимое 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 .