extjs - Enterキーを押すと、EXTJSで次のボタンアクションを実行します

Question

extjs でウィザードを作成しました。フォームには2つのフィールドがあります。ユーザーが最後のテキストフィールドに入力するときに、ユーザーEnterが次のボタンをクリックするときにアクションを実行する必要があります。それを達成する方法

Answer 1

{
    xtype:'textfield',
    name:'whatever',
    enableKeyEvents: true,
    listeners: {
        keypress : function(textfield,eo){
            if (eo.getCharCode() == Ext.EventObject.ENTER) {
                //enter is pressed call the next buttons handler function here.
                this.up('form').down('nextButton').handler
            }
        }
    }
}

Answer 2

または、関数の名前を直接定義することもできます:

ボタンが次のように作成された場合:

xtype: 'button',
text : 'Go',
listeners: {
    click: {
        fn: me.onSearchClick,
        scope: me
    }
}

あなたはこれを行うことができます：

{ 
    xtype:'textfield',
    name:'whatever',
    enableKeyEvents: true,
    listeners: {
        keypress : function(textfield,eventObject){
            if (eventObject.getCharCode() == Ext.EventObject.ENTER) {
                me.onSearchClick();
            }
        }
    }
}