Skip to content

ExtJS Tips : Pindah fokus dengan tombol enter

26 January 2010
tags:

Kita biasanya melakukan perpindahan fokus antar field form dengan menggunakan tab, namun ada kalanya untuk kebutuhan atau kasus tertentu perpindahan tersebut dilakukan dengan tombol/keypress enter.

Sayangnya ExtJS tidak memiliki opsi config untuk berpindah fokus. Jadi solusinya dengan cara umum yaitu menangkap event keypress enter (key 13) pada setiap field component.

...
name: 'username',
id: 'username',
listeners: {
   'render': function(c) {
      c.getEl().on('keypress', function(e) {
        if(e.getKey() == 13) //atau Ext.EventObject.ENTER
        Ext.getCmp('nextFieldComp').focus();
      }, c);
  }
}
...

Jika Anda punya cara lain, please share di comentar dibawah ya.

3 Comments leave one →
  1. trusthworthy@yahoo.com permalink
    12 April 2010 12:22 am

    Bos kalau pakai sibling seperti dom javascript bisa ngg yah ?

  2. cevarief permalink*
    12 April 2010 12:03 pm

    Nah saya juga dulu nanyain di IRC mengenai ini, biar sekali assign listener berlaku untuk semua field. Gak satu-satu. Dapat sarannya malah justru kita harus edukasi user pake tab aja buat berpindah focus antar field😛

  3. indra w permalink
    28 March 2013 12:05 pm

    pake Ext.util.KeyMap bisa ?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: