Este é um post disponível para assinantes MVPEste post também está disponível para assinantes da Java Magazine
ou para quem possui Créditos DevMedia. Clique aqui para saber mais!
ou para quem possui Créditos DevMedia. Clique aqui para saber mais!
downloadVideo: Calendar Data Range + exibindo data no Growl - JSF 2.0 com Primefaces - Curso JSF com Primefaces - Parte 5
Nessa videoaula vamos mostrar mais um recurso do calendário do primefaces, onde podemos delimitar um intervalo de datas disponível para seleção em nosso calendário.
[fechar]
Você não gostou da qualidade deste conteúdo?
(opcional) Você gostaria de comentar o que não lhe agradou?
Tempo: 14:05
Mini Resumo: Nessa videoaula vamos mostrar mais um recurso do calendário do primefaces, onde podemos delimitar um intervalo de datas disponível para seleção em nosso calendário. Vamos mostrar também como tratar o evento do calendário “dateSelect”, que acontece quando selecionamos uma data, para que possamos nesse momento imprimir nossa data no widgetgrowl, que serve basicamente como uma janela de notificação para o usuário com visual bastante agradável.
Tecnologias utilizadas: JAVA, Tomcat, primefaces, JSF.
Exemplos construídos:Delimitando intervalo de escolha de datas + mostrando data escolhida no widgetgrowl.
Palavras chaves:Java, tomcat 7, Eclipse Indigo, calendar, ajax, growl.
Henrylle Maia é Desenvolvedor .NET trabalhando na tecnologia desde 2005. É um profissional certificado MCP(70-480), da nova linha de certificações da Microsoft. Atualmente trabalha em projetos ágeis usando o XP como metodologia. Como ferramenta usa o Visual Studio 2012 e TFS 2012, usando como lingua...
O que você achou deste post?
17 COMENTÁRIOS
Renato Machado Moreira Junior
Bom dia Henrylle,
Percebi que o teu growl tem um icone para fechar (x) e que o mesmo fica na tela por um bom tempo.
Acompanhei a aula e o meu está sendo mostrado sem este icone e muito rápidamente ele fecha sozinho.
DataRange.xhtml
[code] <h:body> <h:form> <p:growl id="growl" showDetail="true"></p:growl> <p:calendar pattern="dd/MM/yyyy" locale="pt_BR" value="#{dataBean.data}" mode="inline" mindate="20/04/2012" maxdate="30/06/2012"> <p:ajax event="dateSelect" listener="#{dataBean.mostrarMsgMudançaData}" update="growl"/> </p:calendar> </h:form> </h:body> [/code]
Bean.xhtml
[code] public void mostrarMsgMudançaData(DateSelectEvent event) { FacesContext facesContext = FacesContext.getCurrentInstance(); SimpleDateFormat sdf = new SimpleDateFormat("dd/MM/yyyy"); facesContext.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_WARN, "Data Selecionada", sdf.format(event.getDate()))); } [/code]
Percebi que o teu growl tem um icone para fechar (x) e que o mesmo fica na tela por um bom tempo.
Acompanhei a aula e o meu está sendo mostrado sem este icone e muito rápidamente ele fecha sozinho.
DataRange.xhtml
[code] <h:body> <h:form> <p:growl id="growl" showDetail="true"></p:growl> <p:calendar pattern="dd/MM/yyyy" locale="pt_BR" value="#{dataBean.data}" mode="inline" mindate="20/04/2012" maxdate="30/06/2012"> <p:ajax event="dateSelect" listener="#{dataBean.mostrarMsgMudançaData}" update="growl"/> </p:calendar> </h:form> </h:body> [/code]
Bean.xhtml
[code] public void mostrarMsgMudançaData(DateSelectEvent event) { FacesContext facesContext = FacesContext.getCurrentInstance(); SimpleDateFormat sdf = new SimpleDateFormat("dd/MM/yyyy"); facesContext.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_WARN, "Data Selecionada", sdf.format(event.getDate()))); } [/code]
[há +1 ano] -
Responder
[autor]
Henrylle Da Silva Maia
Olá Renato,
Pela sua codificação está tudo certo. Para manter um padrão buscar remover apenas acentos e caracteres não alfanuméricos do nosso de suas classes como o 'ç'. Acho pouco provável isso ter influência, mas não deixa de ser uma dica. Você já testou em outros navegadores? Os fontes que foram com a videoaula estão da mesma forma?
Pela sua codificação está tudo certo. Para manter um padrão buscar remover apenas acentos e caracteres não alfanuméricos do nosso de suas classes como o 'ç'. Acho pouco provável isso ter influência, mas não deixa de ser uma dica. Você já testou em outros navegadores? Os fontes que foram com a videoaula estão da mesma forma?
[há +1 ano] -
Responder
José Renato Custódio
Tive o mesmo problema, mas isso só acontece dentro do Eclipse, se rodar no browser funciona normal.
[há +1 mês] -
Responder
Huelton Dihon Dos Santos
Estou gostando muito dos videos mas estou com problemas e não sei porque,estou usando tomcat7.0.30 mas não esta suportando
message /hello.xhtml @53,91 <p:ajax> Event:dateSelect is not supported.
O que posso fazer?
message /hello.xhtml @53,91 <p:ajax> Event:dateSelect is not supported.
O que posso fazer?
[há +1 mês] -
Responder
[autor]
Henrylle Da Silva Maia
Olá Huelton,
Tudo bem?!
Que bom que está gostando.
Sobre o seu problema, tente rodar no seu ambiente os fontes que acompanham a aula. Caso funcione, provavelmente aconteceu um erro de digitação na sua implementação. Caso não funcione tente reconfigurar seu ambiente, conforme mostrado nas primeiras aulas.
Sempre que gostar de uma aula dê seu feedback. Isto ajuda muito aos demais colegas, que adquirem o material, e ao autor.
Espero ter ajudado.
Tudo bem?!
Que bom que está gostando.
Sobre o seu problema, tente rodar no seu ambiente os fontes que acompanham a aula. Caso funcione, provavelmente aconteceu um erro de digitação na sua implementação. Caso não funcione tente reconfigurar seu ambiente, conforme mostrado nas primeiras aulas.
Sempre que gostar de uma aula dê seu feedback. Isto ajuda muito aos demais colegas, que adquirem o material, e ao autor.
Espero ter ajudado.
[há +1 mês] -
Responder
José Renato Custódio
A tag <p:Ajax> deve estar dentro da tag do calendário.
[há +1 mês] -
Responder
Leandro Barros De Moura
Boa tarde!!
As vídeo aulas estão ótimas!
Só não estou conseguindo importar a classe DateSelectEvent. Já baixei novamente a biblioteca do primefaces e mesmo assim não está dando certo. o que pode estar acontecendo?
As vídeo aulas estão ótimas!
Só não estou conseguindo importar a classe DateSelectEvent. Já baixei novamente a biblioteca do primefaces e mesmo assim não está dando certo. o que pode estar acontecendo?
[há +1 mês] -
Responder
Leandro Barros De Moura
Esta é a mensagem de exceção que aparece:
javax.servlet.ServletException: /data_range.xhtml @51,63 <p:ajax> Event:dataSelected is not supported.
javax.faces.webapp.FacesServlet.service(FacesServlet.java:606)
javax.servlet.ServletException: /data_range.xhtml @51,63 <p:ajax> Event:dataSelected is not supported.
javax.faces.webapp.FacesServlet.service(FacesServlet.java:606)
[há +1 mês] -
Responder
Leandro Barros De Moura
Ok... Problema já foi resolvido!!! ^^ Vamos prosseguir agora!!
[há +1 mês] -
Responder
[autor]
Henrylle Da Silva Maia
Olá Leandro,
Que bom que está gostando.
Fico feliz também por seu problema ter sido resolvido =).
Continue acompanhando.
Que bom que está gostando.
Fico feliz também por seu problema ter sido resolvido =).
Continue acompanhando.
[há +1 mês] -
Responder
Samuel Brehm Porto
Olá Henrylle!
Estou gostando das aulas e gostaria de perguntar o seguinte.
Como faço no meu bean e no xhtml para exibir no growl
uma mensagem que um dado foi inserido com sucesso (no banco de dados,
por exemplo), ou uma mensagem de erro se ocorreu algum problema para inserir.
Estou gostando das aulas e gostaria de perguntar o seguinte.
Como faço no meu bean e no xhtml para exibir no growl
uma mensagem que um dado foi inserido com sucesso (no banco de dados,
por exemplo), ou uma mensagem de erro se ocorreu algum problema para inserir.
[há +1 mês] -
Responder
[autor]
Henrylle Da Silva Maia
Olá Samuel,
Tudo bem?!
Que bom que está gostando das aulas.
Sobre sua dúvida, sugiro dar uma olhada novamente nessa aula, pois acredito que muda apenas o cenário, mas a aplicação do Growl seria da mesma forma.
Tudo bem?!
Que bom que está gostando das aulas.
Sobre sua dúvida, sugiro dar uma olhada novamente nessa aula, pois acredito que muda apenas o cenário, mas a aplicação do Growl seria da mesma forma.
[há +1 mês] -
Responder
John Vanderson Morais Lima
DateSelectEvent & ScheduleEntrySelectEvent foram removidos a parti da versão 3.5 do primeFace já dei uma olhada na documentação para sabe se foi substituído por outro método e não encontroei
[há +1 mês] -
Responder
Clelia Luduvico
Ola, pode postar como consegui resolver o problema do não reconhecimento do eclipse do import import org.primefaces.event.DateSelectEvent?
[há +1 mês] -
Responder
Clelia Luduvico
O eclipse não está reconhecendo o import org.primefaces.event.DateSelectEvent;
Alguém pode me ajudar o que fazer?
Alguém pode me ajudar o que fazer?
[há +1 mês] -
Responder
Diogo Souza
Olá Clelia, se o import dá um erro de não reconhecimento então provavelmente o Eclipse não encontrou a classe no classpath da sua aplicação.
Você importou tudo corretamente? Os jars do jsf, etc?
Você importou tudo corretamente? Os jars do jsf, etc?
[há 29 dias] -
Responder
Cursos relacionados
Publicidade
