extjs - 工具栏中字段的 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 布局。