Ширина 100% для поля на панели инструментов

Question

Я помещаю поле поиска на панель инструментов в виде сетки:

var searchGrid = Ext.create('Ext.grid.Panel', {
    store: searchStore,
    columns: [searchColumns],
    hideHeaders: true,
    tbar: [{
        xtype: 'searchfield',
        store: searchStore
    }],
    listeners: {
        itemclick: function(v,record) {
            // do stuff
        }
    }
});

Я бы хотел, чтобы мое поле поиска расширяло всю ширину сетки. Я знаю, что могу добавить слушателя в сетку, который будет изменять размер поля поиска при каждом изменении размера сетки, но кто-нибудь знает о конфигурации или чем-то более чистом, что я пропустил?

Answer 1

Укажите flex: 1 в поле, поскольку панель инструментов использует макет HBox.