How to add the onkeyup event to a TextField object?

[utopian]

Hi,
I've tried the following, but the onkeyup event doesn't seem to fire for the TextField object?

new Ext.form.TextField({
  emptyText:'insert name',
  listeners: {
    'onkeyup': function(obj) {
      alert('test fire');
    }
  }
}),

Any pointers appreciated.

[JeffHowden]

Unfortunately, the TextField class does not expose the onkeydown, onkeypress, or onkeyup events from the underlying input. Fortunately, I have an override that'll expose them for you.

http://extjs.com/forum/showthread.php?t=17532

[utopian]

thanks Jeff.
It's worked (the keyup gets fired). Maybe my understanding of event buffering is wrong (I'm a newbie), but event buffering doesn't seem to work?
After the buffering delay period, the event gets fired in consecutive succession (if I enter 5 characters during the event buffering, the alert gets displayed 5 times)

<snip>

new Ext.form.TextField({
	emptyText:'insert name',
	listeners: {
		'keyup': {
			fn: function(obj) {
				alert('test');
			},
			delay: 1000
		}
		}
}),			
						
<snip>

[JeffHowden]

Maybe what you want is the buffer property of the config, instead of the delay.

[evant]

As Jeff suggested, delay merely adds an extra time period before the event is fired. From the docs:

* delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.
* buffer {Number} Causes the handler to be scheduled to run in an Ext.util.DelayedTask delayed by the specified number of milliseconds. If the event fires again within that time, the original handler is not invoked, but the new handler is scheduled in its place.

[utopian]

Thanks heaps guys - that did it!
Glad this forum exists!

[chrizmaster]

hi,
i tried this and it works good,

but now i want to recognize which key was pressed, but i got some errors. anyone has a solution for that?

    ,listeners: {
        'keyup': {
            fn: function(key) {
            if (key.getKey() == key.ENTER) {
                alert('test');
            }
            } 

[Animal]

http://extjs.com/deploy/dev/docs/?cl...d&member=keyup

Exactly what arguments does your handler get passed?

[chrizmaster]

well thank you, this is my working solution

    ,listeners: {
        'keyup': {
            fn: function(field,key) {
            if (key.getKey() == key.ENTER) {
                alert('test');
            }
            } 

I'm wondering why the keyevents are disabled by default, cause this is something, you really need everywhere. has it something to do with saving memory or something?

Chriz

[Animal]

You don't really need it everywhere though.