Timezones e atributo rendered

Transcrição

1 Timezones e atributo rendered Convertendo datas Paulo Ricardo Lisboa de Almeida 1

2 Instanciando a aplicação Clone o projeto da aula com o Git (disponível no site da disciplina) Suba o banco de dados Crie as tabelas e rode o script de inserts Utilize o tutorial disponível no site da disciplina Inicialize o Eclipse e importe o Projeto Utilize o tutorial disponível no site da disciplina 2

3 Colocando um atributo data Copie a Classe DataHoraUtil disponível no site da disciplina para o projeto 3

4 Criando uma página para exibir as Consultas Na página de consultas sendo criada, coloque um campo onde o usuário deve digitar o dia São listadas somente as consultas desse dia, e para o veterinário especificado Utilize o componente p:inputmask <p:inputmask id="diaconsultas" mask="99/99/9999" value="#{consultasdiamb.diaconsultas}" label="#{bundle.lbldiaconsultasexibidas}" style="width:120px;margin-left: 30px" required="true"> <f:convertdatetime pattern="dd/mm/yyyy" /> </p:inputmask> 4

5 Convertendo a Data Note que precisamos de um converter para traduzir a data entre o navegador do usuário e o backend Nesse caso podemos utilizar um conversor padrão convertdatetime Veja os convertes padrão em /jsf_apps/eventvalidate/sf_avc_converters.html 5

6 Convertendo a data Teste a aplicação Altere a data, e selecione um veterinário Clique em OK Tudo funciona, certo? 6

7 Convertendo a Data No set da data no ben de consultas, coloque um print para exibir qual a data está sendo enviada para o backend E agora, está certo? O que está acontecendo? public void setdiaconsultas(date diaconsultas) { this.diaconsultas = diaconsultas; System.out.println(diaConsultas); } 7

8 Convertendo a aplicação Estamos no Brasil! GMT -3 Ou GMT -2 se estamos no horário de verão Não dissemos para a aplicação qual o GMT que estamos, logo ela parte do princípio que estamos em GMT+/-0 A aplicação começa a se perder nas horas e datas 8

9 Convertendo datas Para alterar o GMT de toda a aplicação, adicione o seguinte no web.xml <context-param> <param-name>javax.faces.datetimeconverter_default_timezone_is_system_timezone</param-name> <param-value>true</param-value> </context-param> Estamos dizendo que as datas/horas são que devem ser consideradas devem ser as mesmas definidas no sistema operacional do servidor Problemas? 9

10 Convertendo Datas E se a aplicação estiver hospedada em um servidor for a do país de origem E se tivermos clientes espalhados em diversos locais do mundo? Pior ainda, um único país pode ter dois ou mais horários oficiais diferentes! Problema difícil de se tratar, no entanto para nosso SPT da clínica veterinária o fuso do S.O. do servidor já nos serve! 10

11 Exibindo condicionalmente um componente Finalmente, desejamos exibir as consultas do veterinários Mas desejamos fazer isso somente caso o usuário tenha definido a data, e o veterinário Todo componente JSF possui uma propriedade chamada rendered rendered define uma condição O componente é renderizado somente se a condição for verdadeira Adicione o seguinte para exibir o nome do veterinário selecionado <p:commandbutton value="#{bundle.btnok}" style="margin-left: 5px" update="grupoconsultas"/> <br /> <h:panelgroup rendered="#{consultasdiamb.veterinarioselecionado!= null }" id="grupoconsultas"> <h:outputlabel value="selecionado: #{consultasdiamb.veterinarioselecionado.nome}" id="lblvetselecionado"/> </h:panelgroup> 11

12 Exibindo condicionalmente um componente Note que utilizamos um componente de agrupamento do JSF H:panelgroup Idéia semelhante a um div Caso um componente não seja renderizado, os seus filhos também não são No caso, todos componentes dentro do panelgroup grupoconsultas não serão renderizados No momento temos somente um outputlabel 12

13 Exibindo condicionalmente um componente Note a modificação no botão ok Quando enviamos a informação, atualizamos o panelgroup Exibindo condicionalmente um componente Funciona? Por quê? 13

14 Exibindo condicionalmente um componente Note a modificação no botão ok Quando enviamos a informação, atualizamos o panelgroup Exibindo condicionalmente um componente Não funciona. O componente deixa de existir, por que não foi renderizado da primeira vez Não é possível atualizar o componente, já que ele não existe (não foi renderizado) Solução? 14

15 Exibindo condicionalmente um componente Adicionamos um segundo container, que fica acima dos demais, e que é sempre renderizado Atualizamos esse componente de nível mais alto <p:commandbutton value="#{bundle.btnok}" style="margin-left: 5px" update="dadosconsultas"/> <br /> <h:panelgroup id="dadosconsultas"> <h:panelgroup rendered="#{consultasdiamb.veterinarioselecionado!= null }" id="grupoconsultas"> <h:outputlabel value="selecionado: #{consultasdiamb.veterinarioselecionado.nome}" id="lblvetselecionado"/> </h:panelgroup> </h:panelgroup> 15

16 Fim! Resolva os exercícios propostos 16