0 Compartilhamentos 302 Views

ExtJS 3.0 – Formulário com ComboBox e mensagens de validação

18 de junho de 2012

Este artigo tem a intenção de mostrar um formulário feito com ExtJS com as seguintes características:

  • Possui um ComboBox que busca seus valores em uma página PHP e possui autocomplete dos valores possíveis.
  • Envia os dados por AJAX.
  • Apresenta para cada campo, mensagens sobre a validação server-side dos dados enviados.

A motivação em escrever este pequeno artigo está no fato de que eu enfrentei dificuldades para conseguir compor um formulário com essas características, embora seja algo simples. Por isso, quero compartilhar esse conhecimento adquirido com muitas horas de estudo e pesquisa, para que outros programadores não sofram tanto quanto eu.

A didática deste artigo será a seguinte:

Vou apresentar o código de cada arquivo com comentários sobre cada parte relevante.

Quero também ressaltar que os arquivos PHP contém código apenas para fornecer os dados necessários para este artigo, portanto, tem validade didática também.

O primeiro arquivo é dados_login.php, que nada mais faz do que fornecer uma saída JSON com os valores que irão aparecer no ComboBox.

Em seguida, temos o arquivo do formulário propriamente dito: login.php. Este arquivo contém as inclusões das bibliotecas e CSS do Ext, bem como o código do formulário (preferi colocá-lo dentro do arquivo principal, ao invés de fazer um arquivo separado).

Por fim, o arquivo logar.php é que faz a validação dos dados e informa se houve sucesso ou falha, neste caso informando os campos e os erros.

O funcionamento deste código é o seguinte:

O usuário pode digitar o nome do sistema desejado (verifique o autocomplete do ComboBox) ou selecioná-lo na lista apresentada, informar um nome de usuário e uma senha. Se os dados conferem com os dados válidos, é exibida uma mensagem de sucesso, senão, são exibidas mensagens de erro abaixo dos campos com problemas.

Espero que este pequeno artigo ajude àqueles que desejam trabalhar com ExtJS.

Um especial agradecimento à comunidade brasileira dos utilizadores do ExtJS e ao siteSaki’s Ext Examples.

Carregando...

Você pode se interessar

Como encriptar seu dispositivo móvel
Dicas
10 visualizações
Dicas
10 visualizações

Como encriptar seu dispositivo móvel

Carlos L. A. da Silva - 4 de agosto de 2020

Privacidade nunca é demais e ela pode estar na palma da sua mão, sem dificuldades. Aprenda a encriptar dispositivos Android, iOS e até Windows Phone.

Aposente essas DIVs: aprenda a estruturar semanticamente seu HTML 5
Artigos
17 visualizações
Artigos
17 visualizações

Aposente essas DIVs: aprenda a estruturar semanticamente seu HTML 5

Carlos L. A. da Silva - 2 de agosto de 2020

Ano da graça de 2020 e você ainda não aprendeu a separar o conteúdo semanticamente? Taca DIV em tudo? Hora de mudar os velhos hábitos...

Promoções de Jogos do Final de Semana (31/07)
Notícias
17 visualizações
Notícias
17 visualizações

Promoções de Jogos do Final de Semana (31/07)

Carlos L. A. da Silva - 31 de julho de 2020

Confira as melhores ofertas de jogos de PC para o final de semana.

Deixe um Comentário

Your email address will not be published.

Mais publicações

Quem está lucrando com os aplicativos de entrega? Ninguém
Artigos
21 visualizações1
21 visualizações1

Quem está lucrando com os aplicativos de entrega? Ninguém

Carlos L. A. da Silva - 28 de julho de 2020
Como ditar um documento (Office, Google Docs, OpenOffice)
Dicas
21 visualizações
21 visualizações

Como ditar um documento (Office, Google Docs, OpenOffice)

Carlos L. A. da Silva - 27 de julho de 2020
Promoções de Jogos do Final de Semana (24/07)
Notícias
27 visualizações
27 visualizações

Promoções de Jogos do Final de Semana (24/07)

Carlos L. A. da Silva - 24 de julho de 2020
30 dicas de carreira de um desenvolvedor de 30 anos
Artigos
24 visualizações
24 visualizações

30 dicas de carreira de um desenvolvedor de 30 anos

Carlos L. A. da Silva - 20 de julho de 2020