[Curso de ExtJS 4] Aula 12: Data Package: Model Validations
Vídeo/Screencast de hoje: aula 12 do curso gratuito de Ext JS 4!
Na aula de hoje vamos aprender como validar Models utilizando a configuração de validations. Essa é a segunda aula sobre a classe Model.
![curso extjs4 aula12 loiane [Curso de ExtJS 4] Aula 12: Data Package: Model Validations](http://www.loiane.com/wp-content/uploads/2012/02/curso-extjs4-aula12-loiane.png "curso-extjs4-aula12-loiane")
Quem quiser ver todas as aulas já publicadas, é só clicar aqui.
Espero que gostem dessa aula e fico no aguardo do feedback de vocês! ![icon smile [Curso de ExtJS 4] Aula 12: Data Package: Model Validations](http://www.loiane.com/wp-includes/images/smilies/icon_smile.gif "[Curso de ExtJS 4] Aula 12: Data Package: Model Validations"){kind=icon}
Requerimentos:
- Ext JS 4 SDK
- Servidor Apache (não é obrigatório, mas recomendado ter instalado na máquina) – vai nos ajudar a executar alguns exemplos mais pra frente no curso.
- Editor de Texto (qualquer um de sua preferência). No vídeo usei o Sublime Text 2 (tem pra Mac OS, Windows e Linux – a versão shareware não expira!)
- Browser (de preferência Firefox com Firebug ou Chrome).
Vídeo:
Vimeo: http://vimeo.com/loiane/curso-extjs4-aula12
YouTube: http://youtu.be/ybDAAF7pA_Q
Código: https://github.com/loiane/curso-extjs4
Slides:
Curso ExtJS 4 – Aula 12 – Data Package: Model: Validations
View more presentations from Loiane Groner
Até a próxima aula!
Comments (13)
Links to this Post
- Curso de ExtJS 4 - Gratuito! | Loiane Groner | 15/02/2012
Muito legal, eu tinha desistido de extjs mas com suas aulas, acredito que agora consiga aprender.
Obs: Loiane quando entro no seu site meu antivírus. acusa:
Trojan.JS.Redirector.ue
Oi Fernando,
Eu limpei o blog, acredito que agora não tenha mais essa mensagem!
Esse era um assunto que eu tinha uma certa dificuldade, mas agora sanei muitas de minhas dúvidas! Obrigado!
Off: Eu tinha notado esse aviso do malware no Chrome. Agora não aparece mais nele, mas no Opera ainda acusa.
Oi Daniel,
valeu pelo aviso. Já passei anti-virus aqui no blog e não acusou nada.
Tente limpar o cache e recarregar. Me avise se continuar a mensagem para eu alertar o provedor!
Obrigada!
Loiane, você poderia falar mais um pouco sobre o exclusion?
Valeu
Loiane,
As minhas mensagens de validação estão em inglês.
Adicionei no head de minha página o script de tradução mais continua apresentando as mensagem em inglês.
Como faço pra traduzir estas mensagens?
Oi Wellington,
Na documentação tem as configs que vc usa para colocar a mensagem que você quer para cada validação. Nesse caso, o arquivo locale nâo resolve.
[]s
Adiciona no final do arquivo locale (antes do fechamento do Ext.onReady();)
if(exists(‘Ext.data.validations’)){
Ext.apply(Ext.data.validations, {
presenceMessage: ‘precisa estar presente’,
lengthMessage: ‘o tamanho está errado’,
formatMessage: ‘o formato está errado’,
inclusionMessage: ‘não está na lista de valores aceitos’,
exclusionMessage: ‘valor não aceito’,
emailMessage: ‘formato de email inválido’
});
}
Valeu pela dica Bruno!
[]‘s
Quero te parabenizar pelas vídeos aulas, exemplos e tudo mais, muito bom, comecei estudar ExtJS na sexta-feira, e já me familiarizei, rssss, desde os 14 anos que estudo HTML, CSS, JS, PHP, MySQL, Ajax etc… JS foi minha primeira linguagem, rss, hoje me considero avançado em JS, eu tinha visto Ext, se não me engano era a versão 2 na época, mas não me aprofundei, só olhei alguns exemplos e tal, agora estou me aprofundando no ExtJS e Sencha Touch, pricipalmente para criar as partes administrativas dos sites e sistemas WEB aqui onde eu trabalho.
Fiz uns testes aqui e cheguei a conclusão de que dá para traduzir essas mensagens no locale, colocando o código a seguir dentro do Ext.onReady:
if(exists('Ext.data.validations')){
Ext.apply(Ext.data.validations,{
presenceMessage:'must be present',
lengthMessage:'is the wrong length',
formatMessage:'is the wrong format',
inclusionMessage:'is not included in the list of acceptable values',
exclusionMessage:'is not an acceptable value',
emailMessage:'is not a valid email address'.
});
}
Como em algumas situações o Google Translate não resolve e estou engatinhando em inglês, teria como você traduzir pra nós?
Aproveitando o espaço, existe outras frases do Ext não traduzidas no locale-pt_BR?
Desde já agradeço.
Oi Filipe, use sempre essa versão do locale que tem as traduções que estão faltando: http://www.extjs.com.br/forum/index.php?topic=4812.0
Loiane, primeiramente parabéns pelo curso, estou estudando direto por ele e sinto que vou terminar em breve ^^ (pelo menos o que vc já lançou até agora e vejo que terei de aguardar um bom tempo até que saia o ExtJS MVC – que me interessa MUITO).
No arquivo que vc passou Loiane não constam as mensagens da validação, traduzi de forma simples, creio que corretamente e deixo abaixo para o Filipe:
if(exists('Ext.data.validations')){
Ext.apply(Ext.data.validations, {
presenceMessage: 'precisa estar presente',
lengthMessage: 'o tamanho está errado',
formatMessage: 'o formato está errado',
inclusionMessage: 'não está na lista de valores aceitos',
exclusionMessage: 'valor não aceito',
emailMessage: 'formato de email inválido'
});
}