Problemas Primefaces

4 respostas
kiwoxox

Boa Tarde,

Gostaria de uma ajuda, estou tendo problema com o primefaces, ao utilizar normal ele funciona a pagina corretamente, desenha o gráfico e tudo mais…
Depois que criei umas div padrão para o site e coloquei ele dentro ele parou de funcionar… não aparece mais o gráfico, nem o fileupload… alguém sabe me dizer o que pode estar acontecendo???

<!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:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui"> 
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="lib/layout.css"/>
        <script type="text/javascript" src="lib/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="lib/load.js"></script>
        <title>Controle por Atributos</title>
    </h:head>
    <h:body>    
        
    <div id="page">
	<div id="cabecalho"></div>
	<div id="menu">
		<a href="index.htm"><img src="img/instrucoesI.png" alt="Instruções de Uso" border="0" class="imgMenu"/></a>
		<a href="graficoatributo.xhtml"><img src="img/atributoI.png" alt="Gráfico de Controle por Atributos" border="0" class="imgMenu"/></a>
		<a href="graficovariavel.xhtml"><img src="img/variavelI.png" alt="Gráfico de Controle por Variáveis" border="0" class="imgMenu"/></a>
	</div>
        <div id="conteudo">
        
        
            <h:form enctype="multipart/form-data" style="font-size:x-small">  
  
        <p:fileUpload id="fileupload" fileUploadListener="#{ControleV.importaArquivo}" widgetVar="fileupload"
                      label="Selecionar"  uploadLabel="Enviar" cancelLabel="Cancelar"
                      update="growl,tabela,graficoMedia,graficoAmplitude" mode="advanced" style="width:600px" />
        
        <p:growl id="growl" showDetail="true" life="3000"/>  
        
        
        <p:dataTable id="tabela" var="Ponto" value="#{ControleV.listarPontos}" emptyMessage="Tabela vazia.">
            <p:column>
                <f:facet name="header"> 
                    <h:outputText value="Posição" />
                </f:facet>
                <h:outputText value="#{Ponto.posicao}" />   
            </p:column>
                <p:column>
                <f:facet name="header">
                    <h:outputText value="Média" />
                </f:facet>
                    <h:outputText value="#{Ponto.media}"> <f:convertNumber minFractionDigits="2" /> </h:outputText>
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Amplitude" />
                </f:facet>
                <h:outputText value="#{Ponto.variabilidade}"><f:convertNumber minFractionDigits="5"/> </h:outputText>
            </p:column>         
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Desvio Padrão" />
                </f:facet>
                <h:outputText value="#{Ponto.desvioPadrao}"><f:convertNumber minFractionDigits="6"/> </h:outputText>
            </p:column>         
            <p:column>
               <f:facet name="header">
                    <h:outputText value="Gráficos Amplitude" />
                </f:facet>
                <p:selectBooleanCheckbox value="#{Ponto.exclusaoAmplitude}" immediate="TRUE" validatorMessage="Excluido" converterMessage="Falhou"/>  
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Gráficos Desvio Padrão" />
                </f:facet>
                <p:selectBooleanCheckbox value="#{Ponto.exclusaoDesvioPadrao}" immediate="TRUE" validatorMessage="Excluido" converterMessage="Falhou"/>  
            </p:column>
            <p:column>
                 <f:facet name="header">
                     <h:outputText value="Atualizar"/>
                 </f:facet>
                <p:commandButton  value="Atualizar" action="#{ControleV.atualizarPonto}" update="tabela,graficoAmplitude,graficoMediaAmp,graficoDesvioPadrao,graficoMediaDesvP" ajax="false" />
            </p:column>
            <p:column>
                 <f:facet name="header">
                     <h:outputText value="Excluir"/>
                 </f:facet>
                <p:commandButton  value="Excluir" action="#{ControleV.excluirPonto}" update="tabela,graficoAmplitude,graficoMediaAmp,graficoDesvioPadrao,graficoMediaDesvP" ajax="false" />
            </p:column>
        </p:dataTable>

<!--Botão dos Graficos    -->
    <p:commandButton value="Exibir Grafico Amplitude" type="button"           onclick="loadGraficoAmplitude()"/>
    <p:commandButton value="Exibir Grafico Media/Amplitude" type="button"     onclick="loadGraficoMediaAmp()"/>  
    <p:commandButton value="Exibir Desvio Padrão" type="button"               onclick="loadGraficoDesvioPadrao()"/>  
    <p:commandButton value="Exibir Grafico Media/Desvio Padrão" type="button" onclick="loadGraficoMediaDesvP()"/>  

<!--Remote Command-->
    <p:remoteCommand name="loadGraficoAmplitude"    update="PainelGraficoAmplitude">    <f:setPropertyActionListener value="#{true}" target="#{requestScope.shouldRender}" />  </p:remoteCommand>  
    <p:remoteCommand name="loadGraficoMediaAmp"     update="PainelGraficoMediaAmp">     <f:setPropertyActionListener value="#{true}" target="#{requestScope.shouldRender}" />  </p:remoteCommand>  
    <p:remoteCommand name="loadGraficoDesvioPadrao" update="PainelGraficoDesvioPadrao"> <f:setPropertyActionListener value="#{true}" target="#{requestScope.shouldRender}" />  </p:remoteCommand>  
    <p:remoteCommand name="loadGraficoMediaDesvP"   update="PainelGraficoMediaDesvP">   <f:setPropertyActionListener value="#{true}" target="#{requestScope.shouldRender}" />  </p:remoteCommand>  
    
    
    
<!--    Painel e Controle de Graficos-->

    <p:outputPanel id="PainelGraficoAmplitude" layout="block">  
            <p:lineChart id="graficoAmplitude" value="#{ControleV.criaPlanoCartesianoAmplitude}" legendPosition="e"
                         title="Gráfico Amplitude" style="height:500px" rendered="#{requestScope.shouldRender}" /> 
    </p:outputPanel>  
    
    <p:outputPanel id="PainelGraficoMediaAmp" layout="block">  
        <p:lineChart id="graficoMediaAmp" value="#{ControleV.criaPlanoCartesianoMediaAmplitude}" legendPosition="e" 
                     title="Gráfico Media-Amplitude" style="height:500px" rendered="#{requestScope.shouldRender}" /> 
    </p:outputPanel>  

    <p:outputPanel id="PainelGraficoDesvioPadrao" layout="block">  
        <p:lineChart id="graficoDesvioPadrao" value="#{ControleV.criaPlanoCartesianoDesvioPadrao}" legendPosition="e" 
                     title="Gráfico Desvio Padrão" style="height:500px" rendered="#{requestScope.shouldRender}" /> 
    </p:outputPanel>  

    <p:outputPanel id="PainelGraficoMediaDesvP" layout="block">  
        <p:lineChart id="graficoMediaDesvP" value="#{ControleV.criaPlanoCartesianoMediaDesvioPadrao}" legendPosition="e" 
                     title="Gráfico Media-Desvio Padrão" style="height:500px" rendered="#{requestScope.shouldRender}"
            /> 
    </p:outputPanel>  

    </h:form>              
            
        </div>
	<div id="rodape">
	</div>
    </div>
    </h:body>
</html>

4 Respostas

XOOM

Hm…tem que ver o seu css…esse seu jquery tb tá meio estranho, primefaces já tem jquery embutido.

kiwoxox

Cara já tentei arrumar mais mesmo assim não deu…

Alguma ideia??

Alguém?

Flavio_machine

to com o mesmo problema cara vc já consegui resolver o seu ?

aprendizweb

porque vc não utiliza um template desta forma:

interna.xhtml
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title><ui:insert name="titulo">Titulo</ui:insert></title>
	<h:outputStylesheet library="css" name="estilo.css"/>
</h:head>
<h:body>
	<div id="container">
		<div id="titulo">
			<ui:insert name="titulo"/>
		</div>
		<div id="logotipo">
			<h:graphicImage library="imagens" name="logotipo.png"/>
		</div>
		<div id="menu">
	    	<ui:insert name="menu"/>
		</div>
		<div id="corpo">
			<ui:insert name="corpo"/>
		</div>
		<div id="rodape">
	    	<ui:insert name="rodape">
	    		<ui:include src="/rodape.xhtml"/>
	    	</ui:insert> 
		</div>
	</div>
</h:body>
</html>
página.xhtml
<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:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">   
    <h:head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <link rel="stylesheet" type="text/css" href="lib/layout.css"/>  
        <script type="text/javascript" src="lib/jquery-1.7.2.min.js"></script>  
        <script type="text/javascript" src="lib/load.js"></script>  
        <title>Controle por Atributos</title>  
    </h:head>  
    <h:body>      
     <ui:composition template="/templates/interna.xhtml">//endereço de seu template
    <ui:define name="titulo">Cabeçalho</ui:define>

    <ui:define name="menu">
        <a href="index.htm"><img src="img/instrucoesI.png" alt="Instruções de Uso" border="0" class="imgMenu"/></a>  
        <a href="graficoatributo.xhtml"><img src="img/atributoI.png" alt="Gráfico de Controle por Atributos" border="0" class="imgMenu"/></a>  
        <a href="graficovariavel.xhtml"><img src="img/variavelI.png" alt="Gráfico de Controle por Variáveis" border="0" class="imgMenu"/></a>  
    </ui:define>  
       
      <ui:define name="corpo">
            //Aqui vc adciona o gráfico, fileupload....
      </ui:define>
     </ui:composition>
    </h:body>  
</html>
Ai basta chamar o mesmo template para todas as páginas.
Criado 2 de julho de 2012
Ultima resposta 17 de set. de 2012
Respostas 4
Participantes 4