Und noch ein kleines Beispiel. Diesmal die häufige Anforderung ein Suchfeld in einen Toolbar einzubauen, welches sich per Button oder natürlich per Enter/Return Taste absenden läßt.

tbar: [{
  xtype: 'textfield',
  id:'websearch-query',
  width:300,
  enableKeyEvents: true,
  listeners: {
    "keydown": function(field, event) {
      if(event.getKey() == 13){
        cmp.webSearch(field.getValue());
      }
    }
  }
}, {
  text:'Suchen',
  handler: function(){ cmp.webSearch(Ext.getCmp('websearch-query').getValue()); },
  scope: cmp
}]

“cmp” ist dabei eine zuvor gesetzte Referenz auf ein Objekt mit der Methode “webSearch”, hier muss natürlich individueller Code rein. Fallstrick ist eigentlich nur die Config-Option “enableKeyEvents”. Solange diese nicht gesetzt ist, wird das Textfeld nämlich keinerlei Key Events senden.