如何右对齐 ExtJS tbar 的内容？

Posted 2023-02-26

【中文标题】如何右对齐 ExtJS tbar 的内容？

【英文标题】：How can I right-align the contents of a ExtJS tbar?

【发布时间】：2011-02-28 11:54:34

【问题描述】：

我在这样的网格面板中有一个 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'
                ]
            )

        ],

我需要进行哪些更改才能使 Dropbox 右对齐而不是左对齐？

附录

感谢@dogbane，效果很好，这是我右对齐文本和下拉菜单的方法：

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

【参考方案1】：

试试：

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

请参阅Ext.Toolbar.Fill 的文档。