Adicionando Eventos Personalizados do Ext JS

Existem casos em que você pode precisar definir suas próprias funções de evento do cliente. Um caso é quando alguns eventos do Ext JS podem não estar disponíveis no Event Editor do uniGUI (por exemplo, quando uma versão mais recente do Ext JS está disponível e nem todos os novos eventos foram importados para o uniGUI JS Event Editor). Você também pode adicionar seus próprios manipuladores de evento a uma classe Ext JS e querer usá-los no uniGUI. Em ambos os casos, o uniGUI fornece um método simples para adicionar um manipulador de evento personalizado.

Exemplo: evento do lado do cliente Ext JS focusenter não está incluído no Event Editor:

clip0163

Siga estes passos para adicioná-lo:

1

Adicionar um evento personalizado

Abra o Event Editor e clique no Adicionar Evento Personalizado botão.

clip0164

clip0165

2

Insira o nome do evento

Insira o nome do evento focusenter no diálogo de prompt.

Você notará que um novo evento é adicionado à lista de eventos:

clip0166

3

Criar o manipulador do evento

Clique duas vezes no nome do evento para criar uma função de evento no editor. Uma nova função com uma lista padrão de parâmetros é criada. Esses parâmetros padrão podem não refletir a lista exata de parâmetros e nomes de parâmetros do evento real; você pode editar livremente a função para corresponder aos parâmetros corretos.

clip0167

clip0168

Manipulador de exemplo:

manipulador focusenter

function focusenter( sender, event, eOpts )
{
  sender.setText("Enter");
}

Você pode usar o código acima para alterar a legenda do botão quando ele receber foco, seja clicando ou selecionando-o com a tecla Tab.

Relacionado: página original — << Clique para Exibir o Índice >>