工具栏中字段的 100% 宽度答案

【问题标题】：100% width for a field in a toolbar工具栏中字段的 100% 宽度
【发布时间】：2012-03-23 23:14:29
【问题描述】：

我在网格面板工具栏中放置了一个搜索字段，如下所示：

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
        }
    }
});

我希望我的搜索字段扩展网格的整个宽度。我知道我可以向网格添加一个侦听器，该侦听器将在网格大小发生变化时调整搜索字段的大小，但是有人知道我错过的配置或更简洁的东西吗？

【问题讨论】：

标签： extjs extjs4 field toolbar gridpanel

【解决方案1】：

在字段上指定 flex: 1，因为工具栏使用 HBox 布局。

【讨论】：

哇，我以为这是我尝试的第一件事。无论如何，它很好用，谢谢。