EXT – Teclas de Atalho

Introdução

Existem duas formas básicas de colocar teclas de atalho no EXT:

1. Usando o evento keydow
2. Usando o Ext.KeyNav

Evento KeyDown

Usando o manipulados de eventos é possível colocar uma evento em qualquer coisa que tenha id, é bem simples:

Ext.get('seu_id').on('keydown', function(e,fields){
if(e.getKey() == 13){
alert("Enter");
}
});

A função e.getKey() irá retornar um número inteiro referente a tecla que foi pressionada, alguns valores para teclas padrões são:

'esc':27,
'escape':27,
'tab':9,
'space':32,
'enter':13,
'backspace':8,
'scrolllock':145,
'capslock':20,
'numlock':144,
'pause':19,
'insert':45,
'home':36,
'delete':46,
'end':35,
'pageup':33,
'pagedown':34,
'left':37,
'up':38,
'right':39,
'down':40,
'f1':112,
'f2':113,
'f3':114,
'f4':115,
'f5':116,
'f6':117,
'f7':118,
'f8':119,
'f9':120,
'f10':121,
'f11':122,
'f12':123

Ext.KeyNav

Esse é o jeito mais elegante de se colocar teclas de atalho, exemplo:

var combo_nav = new Ext.KeyNav("seu_id",
'enter': function(){
alert("enter pressed");});

Quando usar o Ext.KeyNav tenha sempre cuidado de inserí-lo dentro de um bloco Ext.onReady(function(){ });, caso contrário um erro irá acontecer pois o Ext tentará inserir o evento antes do elemento ser inserido na página.

Grande Abraço a Todos!