Primefaces (com e sem) Facelets

22 de dezembro de 2011 10 respostas

AitonDMT 22 de dezembro de 2011

Bom dia amigos do GUJ, estou aprendendo sobre facelets e me deparei com uma situação estranha. Implementei um cadastro de clientes utilizando primefaces sem facelets e funcionou tranquilamente. Quando o implementei com facelets tive problemas, não renderiza os recursos do primefaces acho.

Segue abaixo os códigos.

Cadastro como componente do facelets:

&lt;html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"&gt;
	

&lt;ui:composition template="/facelets/layout.xhtml"&gt;
	&lt;ui:define name="content"&gt;
	 	  
	   &lt;p:growl showDetail="true" id="msg" /&gt;
	&lt;h:form prependId="false"&gt;
		&lt;p:panel header="Cadastro de Cliente"&gt;
			&lt;h:panelGrid columns="2"&gt;
			Nome: &lt;p:inputText value="#{cadastroClienteMB.cliente.nome}" size="50" id="nome"/&gt;
			Tipo: &lt;p:inputText value="#{cadastroClienteMB.cliente.tipo}" size="50" id="tipo"/&gt;
			CPF: &lt;p:inputText value="#{cadastroClienteMB.cliente.cpf}" size="50" id="cpf"/&gt;
			CNPJ: &lt;p:inputText value="#{cadastroClienteMB.cliente.cnpj}" size="50" id="cnpj"/&gt;
			Sexo: &lt;p:inputText value="#{cadastroClienteMB.cliente.sexo}" size="50" id="sexo"/&gt;
			
			
				&lt;p:commandButton value="Calcelar" action="#{cadastroClienteMB.cancelar}" update="msg, nome, tipo, cpf, cnpj, sexo, tabela"/&gt;
				&lt;p:commandButton value="Salvar" action="#{cadastroClienteMB.salvar}" update="msg, nome, tipo, cpf, cnpj, sexo, tabela"/&gt;
			&lt;/h:panelGrid&gt;
		&lt;/p:panel&gt;
	&lt;/h:form&gt;
	   
	   
	&lt;/ui:define&gt;
&lt;/ui:composition&gt;
&lt;/html&gt;

Cadastro como xhtml normal:

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"&gt;

&lt;h:head&gt;
&lt;/h:head&gt;

&lt;h:body&gt;
	&lt;p:fieldset legend="Cadastro de Clientes"&gt;
		&lt;p:growl showDetail="true" id="msg" /&gt;
		&lt;h:form prependId="false"&gt;
			&lt;p:panel header="Cadastro de Cliente"&gt;
			&lt;h:panelGrid columns="2"&gt;
			Nome: &lt;p:inputText value="#{cadastroClienteMB.cliente.nome}" size="50" id="nome"/&gt;
			Tipo: &lt;p:inputText value="#{cadastroClienteMB.cliente.tipo}" size="50" id="tipo"/&gt;
			CPF: &lt;p:inputText value="#{cadastroClienteMB.cliente.cpf}" size="50" id="cpf"/&gt;
			CNPJ: &lt;p:inputText value="#{cadastroClienteMB.cliente.cnpj}" size="50" id="cnpj"/&gt;
			Sexo: &lt;p:inputText value="#{cadastroClienteMB.cliente.sexo}" size="50" id="sexo"/&gt;
			
			
				&lt;p:commandButton value="Calcelar" action="#{cadastroClienteMB.cancelar}" update="msg, nome, tipo, cpf, cnpj, sexo, tabela"/&gt;
				&lt;p:commandButton value="Salvar" action="#{cadastroClienteMB.salvar}" update="msg, nome, tipo, cpf, cnpj, sexo, tabela"/&gt;
			&lt;/h:panelGrid&gt;
		&lt;/p:panel&gt;
		&lt;/h:form&gt;	
	&lt;/p:fieldset&gt;

&lt;/h:body&gt;

&lt;/html&gt;

É um cadastro fictício, apenas para aprendizado, o qual tentarei implementar as devidas as máscaras e validações depois... Mas com facelets. Alguém sabe como faço para que o cadastro com facelets fique igual o sem facelets?

Desde já muito obrigado :)

10 Respostas

alissonvla 22 de dez. de 2011

cara,

poste a pagina layout.xhtml tbm.

Hebert_Coelho 22 de dez. de 2011

Como está o arquivo: layout.xhtml?

AitonDMT 22 de dez. de 2011

Está assim:

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"&gt;
&lt;head&gt;
  &lt;title&gt;
  	&lt;ui:insert name="title"&gt;Default title&lt;/ui:insert&gt;
  &lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;div id="header"&gt;
    &lt;ui:insert name="header"&gt;
    	&lt;ui:include src="header.xhtml"/&gt;
    &lt;/ui:insert&gt;
&lt;/div&gt;

&lt;div id="header2"&gt;
    &lt;ui:insert name="header2"&gt;
    	&lt;ui:include src="header2.xhtml"/&gt;
    &lt;/ui:insert&gt;
&lt;/div&gt;

&lt;div id="content"&gt;
  &lt;ui:insert name="content"&gt;
	  	&lt;div&gt;
    		&lt;ui:include src="content.xhtml"/&gt;  
    	&lt;/div&gt;
  &lt;/ui:insert&gt;
&lt;/div&gt;

&lt;div id="footer"&gt;
	&lt;ui:insert name="footer"&gt;
		&lt;ui:include src="footer.xhtml"/&gt; 
  	&lt;/ui:insert&gt;
&lt;/div&gt;

&lt;/body&gt;

&lt;/html&gt;

Hebert_Coelho 22 de dez. de 2011

Troca de para <h:head> e faz o mesmo com o passa para <h:body>.

MaYaRa_SaN 22 de dez. de 2011

não é necessário definir a tag ui:define para os demais?

ali voce colocou apenas o do content…

AitonDMT 22 de dez. de 2011

Muito obrigado!

Deu certo apenas colocando os h: nas tags head e body.

Quanto aos define, está funcionando assim, vamos ver até onde.

Que falta de atenção…

alissonvla 22 de dez. de 2011

faz assim,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	<head>
	  <title>
		<ui:insert name="title">Default title</ui:insert>
	  </title>
	</head>

	<body>

		<div id="header">
			<ui:include src="header.xhtml"/>
		</div>

		<div id="header2">
			<ui:include src="header2.xhtml"/>
		</div>

		<div id="content">
			<ui:insert name="content"/>
		</div>

		<div id="footer">
			<ui:include src="footer.xhtml"/> 
		</div>

	</body>

</html>

<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:ui="http://java.sun.com/jsf/facelets"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/facelets/layout.xhtml">  
    <ui:define name="content">  
            
       <p:growl showDetail="true" id="msg" />  
    <h:form prependId="false">  
        <p:panel header="Cadastro de Cliente">  
            <h:panelGrid columns="2">  
            Nome: <p:inputText value="#{cadastroClienteMB.cliente.nome}" size="50" id="nome"/>  
            Tipo: <p:inputText value="#{cadastroClienteMB.cliente.tipo}" size="50" id="tipo"/>  
            CPF: <p:inputText value="#{cadastroClienteMB.cliente.cpf}" size="50" id="cpf"/>  
            CNPJ: <p:inputText value="#{cadastroClienteMB.cliente.cnpj}" size="50" id="cnpj"/>  
            Sexo: <p:inputText value="#{cadastroClienteMB.cliente.sexo}" size="50" id="sexo"/>  
              
              
                <p:commandButton value="Calcelar" action="#{cadastroClienteMB.cancelar}" update="msg, nome, tipo, cpf, cnpj, sexo, tabela"/>  
                <p:commandButton value="Salvar" action="#{cadastroClienteMB.salvar}" update="msg, nome, tipo, cpf, cnpj, sexo, tabela"/>  
            </h:panelGrid>  
        </p:panel>  
    </h:form>  
         
         
    </ui:define>  
</ui:composition>

T+

Hebert_Coelho 22 de dez. de 2011

AitonDMT:
Muito obrigado!

Deu certo!

Que falta de atenção…

Relaxa, acontece. [=

As vezes estamos tão presos a algumas coisas que não percebemos alguns detalhes. [=

Tuanny_Ramos 19 de mar. de 2012

e quando as tags <h: head> e <h:body> estão colocadas e o primefaces não funciona, o que pode ser ?

Hebert_Coelho 19 de mar. de 2012

Abre um tópico, posta seu código que a gente analisa. ^^

Criado 22 de dezembro de 2011

Ultima resposta 19 de mar. de 2012

Respostas 10

Participantes 5

10 Respostas

Topicos relacionados