工具栏中字段的宽度为100%

时间:2012-03-23 23:14:29

标签: extjs extjs4 field toolbar 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
        }
    }
});

enter image description here

我希望我的搜索字段能够扩展网格的整个宽度。我知道我可以在网格中添加一个监听器,只要网格大小发生变化就会调整搜索字段的大小,但是有没有人知道我错过的配置或更干净的东西?

1 个答案:

答案 0 :(得分:4)

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