how can I listen to a keyPressed in textfield

[groth]

Hi,

I am trying to listen to keypressed on text field and only when the user press tab to do something.

I did the following:

 
var
street =new Ext.form.TextField({

fieldLabel
 
:'Street',

name
 
:'street',

enableKeyEvents
 
:true,

onKeyPress
 
:function(field, key){

if(key == Ext.EventObject.TAB){
Ext
 
.MessageBox.alert('key pressed');

}
}
 
});

I did this because the TextField API show that :
keypress : ( Ext.form.TextField this, Ext.EventObject e )
Keypress input field event. This event only fires if enableKeyEvents is set to true.
Keypress input field event. This event only fires if enableKeyEvents is set to true. Listeners will be called with the following arguments:

• this : Ext.form.TextField This text field
• e : Ext.EventObject

but apperently the second parameter of the function is not EventObject
How can I get the key that was pressed?

[Condor]

The API docs are completely correct, but you are overriding onKeyPress instead of using the listener!

listeners: {
  keypress: function(field, e) {
    if(e.getKey() == Ext.EventObject.TAB){
      Ext.MessageBox.alert('key pressed');
    }
  }
}

[groth]

This indeed help - thanks Condor!

however I don't understand the logic difference between use the listener and overriding the on<Event>() command.

But never mind

[Condor]

Whenever possible use the event and don't override the handler.

The handler usually not only fires the event, but also does some extra processing, which you would loose if you would override the method.

[AvanishBajpai]

Hi , i have a function like this

 listeners: {
        keypress: me.submitOnEnter
 }

where i am doing some logic but i needed trim values form text fields so i override text js file like this

onKeyPress: function (e) {
 // trim logic 
}

problem is keypress function is getting executed before my override function so in

submitOnEnter

function i am not getting trim values .
Thanks in advance