Problemas facelets + JSF + Primefaces

fabio_lpontes · Novembro 3, 2011, 9:05am

Bom dia pessoal eu estou tendo um problema na exibição dos componentes h:outputText e p:inputText (na renderização dos componentes) dentro de um p:dialog

A principio eu achei que o problema era a minha pagina tag.xhtml que tava zuado, mas depois eu chamei minha pagina tag.xhtml sem usar facelets e funcionou certinho.
Vcs podem verificar se meu facelet esta correto ou se eu comi bola em algum ponto…

o codigo é meio grande… no caso, a zica aparece no meu P:dialog da pagina tag.xhtml.
quando eu clico no dialog “manutenção de tags”, não esta aparecendo o inputText … quando chamo a pagina tags.xhtm direto pelo faces config, ele exibe di boa …

no caso, meu facelet são as paginas template e principal.xhtml

web.xml

  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>

index.jsp

<% response.sendRedirect("index.xhtml"); %>

index.xhtml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view contentType="text/html">

	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
		</f:facet>


		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/style.css" />
		<script>
			window.location.href = "html/pages/prime.xhtml";
		</script>
		<ui:insert name="head"></ui:insert>
	</h:head>

	<h:body>
		<a href="html/pages/prime.xhtml">Java Script está desabilitado,
			para iniciar o programa clique aqui.</a>
	</h:body>
</f:view>	
</html>

prime.xhtml (essa vai ser a tela de login)

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view contentType="text/html">

	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
		</f:facet>

		<title>Bem vindo ao Gera DOC.Com</title>
		<link rel="shortcut icon" href="favicon.ico"
			type="image/vnd.microsoft.icon" />
		<link rel="icon" href="favicon.ico" type="image/x-icon" />

		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/resources/css/style.css" />


		<ui:insert name="head"></ui:insert>
	</h:head>

	<h:body style="margin: 0 0 0 0;">
		<h:form>
			<p:commandButton id="btn" value="Entrar" style="font-size: 10px"
				action="#{PrimeTestBean.whatNext}" ajax="false" />
		</h:form>
	</h:body>
</f:view>
</html>

Prime.java

package br.com.dsc.backingBean.redirecionamento;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;

@ManagedBean(name = "PrimeTestBean")
@RequestScoped
public class Prime {

	private String include = "home.xhtml";

    public String whatNext()
    {
    	return "done";
    }

	public String getInclude() {
		return include;
	}
	
	public void setInclude(String include) {
		this.include = include;
	}

	public void setTags() {
		setInclude("tags.xhtml");
	}
	
	public void setHome() {
		setInclude("home.xhtml");
	}

}

no faces config, eu mapiei para quando o whatNext retornar “done”, será direcionado para a pagina que contem meu facelet

<navigation-rule> <navigation-case> <from-outcome>done</from-outcome> <to-view-id>/html/pages/principal.xhtml</to-view-id> </navigation-case> </navigation-rule>

principal.xhtm

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.prime.com.tr/ui"
        template="template.xhtml">
          
    <ui:define name="conteudo">  
		<h:form>
				<p:outputPanel autoUpdate="true" id="outputPanelConteudo">
					<ui:include src="#{PrimeTestBean.include}" />
				</p:outputPanel>
		</h:form>
    </ui:define>  
</ui:composition>

template.xhtm

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.prime.com.tr/ui">


<f:view contentType="text/html">

	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
		</f:facet>

		<title>DSC - Principal</title>
		
		<ui:insert name="head"></ui:insert>
		<style type="text/css">
		.linkk {
			cursor: pointer;
		}
		
		.header {
			text-align: left;
		}
		
		</style>

	</h:head>

<h:body>
	<p:panel>
		<f:facet name="header">
			<div style="float: left;">
				&nbsp;&nbsp;&nbsp;&nbsp;
				<h:outputText value="Sistema Gerador Documentos" />
			</div>

			<div style="float: right; position: relative; top: -5px">
				<p:graphicImage value="/html/images/1316528794_logout.png"
					styleClass="linkk" title="Click para Deslogar" />
			</div>

			<div style="float: right; position: relative; top: -3px;">
				<p:graphicImage value="/html/images/help.png" styleClass="linkk"
					title="Click para obter ajuda" />
				&nbsp;
			</div>

		</f:facet>
		<f:facet name="footer">
			<center> <h:outputText style="font-size: 11px"
				value="© 2011 DSC Todos os Direitos Reservados" /> </center>
		</f:facet>

		<ui:insert name="conteudo" />
	</p:panel>
</h:body>
</f:view>
</html>

home.xhtml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view contentType="text/html">

	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
		</f:facet>


		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/style.css" />

		<ui:insert name="head"></ui:insert>
	</h:head>

<h:panelGrid border="1" cellpadding="0" cellspacing="0" columns="4"
	width="100%" headerClass="header">
	<f:facet name="header">
		<ui:include src="menu.xhtml" />
	</f:facet>

	<h:column>&nbsp;</h:column>
	<h:column>&nbsp;</h:column>
	<h:column>&nbsp;</h:column>
	<h:column>&nbsp;</h:column>
	<h:column>
		<center> <p:panel style="width: 145px; height:148px"
			styleClass="linkk">
			<p:commandLink style="text-decoration: none" ajax="false"
				action="#{PrimeTestBean.setTags}">
				<p:graphicImage value="/html/images/hashtag.png" />
				<br />
				<h:outputText value="TAGs" />
			</p:commandLink>
		</p:panel> </center>
	</h:column>

</h:panelGrid>
 
 </f:view>
</html>

e por ultimo, tags.xhtml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view contentType="text/html">

	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
		</f:facet>

		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/resources/css/style.css" />

		<ui:insert name="head"></ui:insert>
	</h:head>

	<ui:include src="menu.xhtml" />

	<h:form id="formtag">
		<p:growl id="msgs" showDetail="true" />
		<p:dataTable id="idtagsDT" var="tagsDT" value="#{ManutencaoTags.tags}"
			widgetVar="tagsTable" paginator="true" rows="9"
			paginatorPosition="bottom"
			paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
			emptyMessage="Nenhuma Tag encontrada">

			<f:facet name="header">
				<div class="buttonAdd">
					<p:commandButton value="Nova Tag" onclick="dialogtag.show()" />
				</div>
				<h:outputText value="Lista de Tags Cadastradas" />
				<div class="pesquisa">
					<p:outputPanel>
						<p:inputText id="globalFilter" onkeyup="tagsTable.filter()" />
					</p:outputPanel>
				</div>
			</f:facet>

			<p:column headerText="Nome" styleClass="datatable">
				<h:outputText value="#{tagsDT.nome}" />
			</p:column>
			<p:column headerText="Descrição" styleClass="datatable">
				<h:outputText value="#{tagsDT.descricao}" />
			</p:column>

			<p:column headerText="Conteúdo Padrão" styleClass="datatable">
				<h:outputText value="#{tagsDT.conteudo}" />
			</p:column>
			<p:column headerText="Opções" style="font-size: 14px;">
				<p:commandButton update=":formtag:display"
					oncomplete="dialogtag.show()" style="width: 30px;height:30px;"
					image="ui-icon ui-icon-pencil" title="Editar Tag">
					<f:setPropertyActionListener value="#{tagsDT}"
						target="#{ManutencaoTags.selectedTags}" />
					<f:setPropertyActionListener value="#{true}"
						target="#{ManutencaoTags.editMode}" />
				</p:commandButton>
				<p:commandButton update=":formtag:display"
					style="width: 30px;height:30px;"
					oncomplete="confirmationTags.show()" image="ui-icon ui-icon-close"
					title="Deletar Tag">
					<f:setPropertyActionListener value="#{tagsDT}"
						target="#{ManutencaoTags.selectedTags}" />
				</p:commandButton>
			</p:column>
		</p:dataTable>
		<p:dialog id="tagDlg" widgetVar="dialogtag" showEffect="clip"
			hideEffect="clip" modal="true" resizable="false">

			<f:facet name="header">
				<h:outputText value="Manutenção de Tag" style="font-size: 14px" />
			</f:facet>

			<h:panelGrid id="display" columns="2" cellpadding="4"
				style="margin:0 auto;">

				<h:outputText value="Nome da tag:" />
				<h:panelGroup>
					<h:outputText value="#{ManutencaoTags.selectedTags.nome}"
						style="font-weight:bold" rendered="#{!ManutencaoTags.editMode}"
						styleClass="form1" />
					<p:inputText value="#{ManutencaoTags.selectedTags.nome}"
						rendered="#{ManutencaoTags.editMode}" required="true" label="Nome"
						styleClass="form1" />
				</h:panelGroup>

				<h:outputText value="Descrição:" />
				<h:panelGroup>
					<h:outputText value="#{ManutencaoTags.selectedTags.descricao}"
						style="font-weight:bold" rendered="#{!ManutencaoTags.editMode}"
						styleClass="form1" />
					<p:inputText value="#{ManutencaoTags.selectedTags.descricao}"
						rendered="#{ManutencaoTags.editMode}" required="true"
						label="descricao" styleClass="form1" />
				</h:panelGroup>

				<h:outputLabel for="tagPublico" value="Tag Padrão?:" />
				<h:selectBooleanCheckbox id="tagPublico" />

				<h:outputLabel for="conteudotag" value="Conteúdo:" />
				<p:inputTextarea styleClass="textArea1" effectDuration="400"
					id="conteudotag" required="true" disabled="true" />

				<f:facet name="footer">
					<p:outputPanel rendered="#{ManutencaoTags.editMode}" layout="block"
						style="text-align:right">
						<p:commandButton value="Save" update="idtagsDT msgs"
							actionListener="#{ManutencaoTags.save}"
							oncomplete="onEditComplete(xhr,status,args)"
							image="ui-icon ui-icon-check" />
						<p:commandButton value="Cancel" onclick="dialogtag.hide()"
							type="button" image="ui-icon ui-icon-close" />

					</p:outputPanel>
				</f:facet>
			</h:panelGrid>
		</p:dialog>
		<p:confirmDialog message="Confirma Exclusão?" showEffect="explode"
			hideEffect="explode" header="DSC" severity="alert"
			widgetVar="confirmationTags">

			<p:commandButton value="Sim" update="idtagsDT"
				actionListener="#{ManutencaoTags.delete}"
				oncomplete="confirmationTags.hide()" />
			<p:commandButton value="Não" onclick="confirmationTags.hide()"
				type="button" />
		</p:confirmDialog>
	</h:form>
</f:view>
</html>

Hebert_Coelho · Novembro 3, 2011, 9:13am

Verifique seu mapeamento.

<servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.jsf</url-pattern> <url-pattern>*.xhtml</url-pattern> <url-pattern>/faces/*</url-pattern> </servlet-mapping>

Coloque como acima e teste. Caso você esteja utilizando JSP, coloque o JSP ali.

fabio_lpontes · Novembro 3, 2011, 9:30am

[quote=jakefrog]Verifique seu mapeamento.

<servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.jsf</url-pattern> <url-pattern>*.xhtml</url-pattern> <url-pattern>/faces/*</url-pattern> </servlet-mapping>

Coloque como acima e teste. Caso você esteja utilizando JSP, coloque o JSP ali. [/quote]

Eu estava usando assim:

   <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.jsf</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>

	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.xhtml</url-pattern>
	</servlet-mapping>

Eu alterei para a sua sujestão, mas continua na mesma …

Hebert_Coelho · Novembro 3, 2011, 9:33am

Quando você encaminha para a outra página, como que você está chamando o código?

system · Dezembro 30, 2015, 9:24am

Problemas facelets + JSF + Primefaces

Cursos de Mobile

Cursos de Programação

Cursos de Front-end

Cursos de DevOps

Cursos de Design & UX

Cursos de Business

Cursos de Data & BI