Html 5 + jsf

4 respostas
anderson.bonavides

Pessoal eu preciso de um material que fale da utilização do JSF 2.0 com HTML 5. Ja procurei no google mas encontro muitos materiais falando apenas do PrimeFaces com HTML 5 e isto não me interessa sinceramente.

4 Respostas

ErickRAR

Pode atualizar pro JSF 2.2? Com ele é bem fácil.
Pode ser usando o namespace:

<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:pt="http://java.sun.com/jsf/passthrough"> // <= esse aqui ó
   <h:form>
       <h:inputText value="#{bean.mensagem}" pt:placeholder="Digite qualquer coisa"/>
   </h:form>
...

ou usando f:passThroughAttribute:

<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core">
   <h:form>
       <h:inputText value="#{bean.mensagem}" >
           <f:passThroughAttribute name="placeholder" value="Digite qualquer coisa" />
       </h:outputText>
   </h:form>
anderson.bonavides
ErickRAR:
Pode atualizar pro JSF 2.2? Com ele é bem fácil. Pode ser usando o namespace:
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:pt="http://java.sun.com/jsf/passthrough"> // <= esse aqui ó
   <h:form>
       <h:inputText value="#{bean.mensagem}" pt:placeholder="Digite qualquer coisa"/>
   </h:form>
...
ou usando f:passThroughAttribute:
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core">
   <h:form>
       <h:inputText value="#{bean.mensagem}" >
           <f:passThroughAttribute name="placeholder" value="Digite qualquer coisa" />
       </h:outputText>
   </h:form>

Algum tutorial mais abrangente?

ErickRAR

Mais do que isso é dificil, até porque é simplesmente isso.
no primeiro exemplo você utiliza pt:atributoDoHtml5. No segundo você passa os atributos que quer que sejam criados dentro do elemento, permitindo assim usar atributos do html5.

Para as tags, você pode utiliza-las normalmente.

<video width="320" height="240" controls>
   <source src="#{caminhoProVideo}" type="video/mp4">
 </video>

Aqui tem um com um tutorialzinho praticamente igual:

rponte

Olá,

Apenas para complementar o assunto sobre como trabalhar com HTML5 e JSF 2.2: http://blog.triadworks.com.br/suporte-a-html5-com-jsf-2-2

Espero que ajude!

Criado 15 de maio de 2014
Ultima resposta 8 de set. de 2014
Respostas 4
Participantes 3