javascript - タブボタンの機能

Question

EXTJS でキーボードの TAB ボタンを押したときに何が起こるかを指定する方法はありますか? あるテキストフィールドから、テキストフィールドに情報を入力してTABを押した後、送信ボタンまでTABしたい。

EXTJSでそれは可能ですか?

Answer 1

すでに提案したように、テキストフィールドでspecialkeyイベントのリスナーを使用できます。

{
    xtype: 'textfield',
    name: 'myfield',
    listeners: {
        specialkey: function(field, e) {
            if (e.getKey() == e.TAB) {
                e.preventDefault();
                Ext.getCmp('mybutton').focus();
            }
        }
    }
}

編集:負の tabIndexesを使用してこれを達成することもできますが、テキスト フィールドと送信ボタンの間に他のフィールド (またはフォーカスを受け取る可能性のある他のアイテム) がない場合にのみ正しく機能します。

{
    xtype: 'textfield',
    name: 'myfield1',
    tabIndex: -1
},{
    xtype: 'textfield',
    name: 'myfield2',
    tabIndex: -1
},{
    xtype: 'button',
    name: 'mybutton'
}