如何将搜索框设置为中心？

Question

如何将搜索框/文本字段设置为工具栏的中心？

以下是我正在使用的代码......

Ext.create('Ext.toolbar.Toolbar', {
    renderTo: document.body,
    width   : 500,
    items: [
        {
            text: 'Button1'
        },
        '->',
        {
            xtype    : 'textfield',
            name     : 'field1',
            emptyText: 'Enter search term'
        },
        '-',
        {
            text: 'Button2'
        }
    ]
});

注意：我使用的是Extjs 4.2.1

Answer 1

只需在文本字段定义后添加'->'或{ xtype: 'tbfill' }：

items: [
    {
        text: 'Button1'
    },
    '->',
    {
        xtype    : 'textfield',
        name     : 'field1',
        emptyText: 'Enter search term'
    },
    '->',
    '-',
    {
        text: 'Button2'
    }
]