100% Breite für ein Feld in einer Symbolleiste

Question

Ich bin ein Suchfeld in einer Gridpanel-Symbolleiste wie folgt setzen:

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

Ich würde mein Suchfeld wie die volle Breite der verlängern Gitter. Ich weiß, dass ich einen Listener zum Grid hinzufügen kann, der die Größe des Suchfelds ändert, wenn sich die Grid-Größe ändert, aber weiß jemand von einer Konfig oder etwas sauberer, die ich verpasst habe?

Answer 1

Geben Sie flex: 1 für das Feld an, da die Symbolleiste ein HBox-Layout verwendet.