extjs - ツールバーのフィールドの幅 100%

Question

次のように gridpanel ツールバーに検索フィールドを配置しています。

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

ツールバーは HBox レイアウトを使用するため、フィールドに flex: 1 を指定します。