Primefaces não exibe os componentes

franklinfk · Março 20, 2013, 5:46pm

Iniciei um novo projeto usando Netbeans 7.1.2 + Primefaces 3.5 + JSF 2.1.9 + Glassfish 3.1.2. Acontece que os componentes (chart, autocomplete e inputmask) só são exibidos se estiverem na página index.xhtml. Nas páginas seguintes nenhum dos componentes aparecem, no lugar do chart fica um espaco em branco e os inputmask e autocomplete são exibidos apenas como inputtext normais.

No http://localhost:8080/app1/ os componentes são exibidos normalmente, já nos http://localhost:8080/app1/faces/processoApp1.xhtml os componentes não funcionam corretamente.

Segue o web.xml.

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>
    <session-config>
        <session-timeout>
            30
        </session-timeout>
    </session-config>
    <welcome-file-list>
        <welcome-file>faces/index.xhtml</welcome-file>
    </welcome-file-list>
</web-app>

Grato.

Valeio_Bezerra · Março 20, 2013, 7:39pm

poste o codigo das paginas

franklinfk · Março 20, 2013, 8:16pm

index.xhtml (Aqui funciona tudo)

<?xml version='1.0' encoding='UTF-8' ?>
<!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:p="http://primefaces.org/ui"  
   xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>X-CRM</title>
    </h:head>
    <h:body>
        <div id="cabecalho" style="background-color: white">
            <table width="100%" border="0">
                <tr>
                    <td width="34%" align="left">
                        <img src="css/images/logotipo.jpg"/>
                        <img src="css/images/logo_oi.jpg"/>
                    </td>
                    <td width="32%" align="center">
                        <h:outputLabel style="font-family: Arial; font-size: 50pt">Águia-CRM</h:outputLabel>
                    </td>
                    <td width="34%" align="right">
                        <img src="css/images/logo_nokia.jpg"/>
                        <img src="css/images/logo_samsung.jpg"/>
                    </td>
                </tr>
            </table>
            <div id="cabecalho-baixo" style="background-color: #072C45">
                &nbsp;
            </div>
        </div>
        <div id="conteudo" style="height: 410px">
            <h:form>
                <table width="100%" border="0">
                    <tr>
                        <td style="font-size: 20pt" align="center">
                            <b>Seja bem vindo</b>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <h:outputLabel>Login</h:outputLabel><h:inputText id="usuario" title="Login:&nbsp;" value="#{loginMB.login}"/>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <h:outputLabel>Senha</h:outputLabel><h:inputText id="senha" title="Senha:&nbsp;" value="#{loginMB.senha}"/>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <h:commandButton id="submit" value="Entrar" action="#{loginMB.login()}"/> 
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <p:inputMask value="#{loginMB.senha}" mask="99/99/9999"/> 
                        </td>
                    </tr>
                    <tr>

                        <p:lineChart value="#{loginMB.vendasModel}" legendPosition="e"  
                                     title="Vendas por Loja / Hora" minY="0" maxY="200" style="height:300px;margin-top:20px"/>
                    </tr>

                </table>
                <br/>
                <br/>
                <h:outputText value="#{loginMB.login}"/>
            </h:form>
        </div>
        <div id="rodape" style="background-color: lightgray">
        </div>
        
        
    </h:body>
</html>

graphVendas.xhtml (Aqui não funciona)

<?xml version="1.0" encoding="UTF-8"?>
<!--    
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./menu.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui" 
                xmlns:f="http://java.sun.com/jsf/core">
    <ui:define name="uiConteudo">
      
        <h:form>
            <p:commandButton id="botaoSubmit" value="Entrar" action="#{graphVendasController.atualiza3()}"/> 
            <p:lineChart value="#{graphVendasController.vendasModel}" legendPosition="e" breakOnNull="true" widgetVar="grafico"
                         title="QT.VENDAS/HORA" minY="0" maxY="200" style="height:200px;margin-top:20px"/>
            <p:inputMask value="#{graphVendasController.data}" mask="99/99/9999"
        </h:form>
    </ui:define>
</ui:composition>

Valeio_Bezerra · Março 20, 2013, 8:45pm

tente colocar um <h:body>

franklinfk · Março 20, 2013, 10:43pm

Da maneira abaixo os componentes funcionaram como esperado

<?xml version="1.0" encoding="UTF-8"?>
<!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:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    </h:head>
    <h:body>
        <h:form>
            <p:commandButton id="botaoSubmit" value="Entrar" action="#{graphVendasController.atualiza3()}"/> 
            <p:lineChart value="#{graphVendasController.vendasModel}" legendPosition="e" breakOnNull="true" widgetVar="grafico"
                         title="QT.VENDAS/HORA" minY="0" maxY="200" style="height:200px;margin-top:20px"/>
            <p:inputMask value="#{graphVendasController.data}" mask="99/99/9999"/>
        </h:form>
    </h:body>
</html>

Acontece que eu estou usando template e um menu em jquery, do jeito acima deixou de exibir o menu.
Mais um detalhe se eu acrescentar as linhas

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/menu.js"></script>

à sessão do código acima, os componentes deixam de funcinonar.

Abaixo está o template.
menu.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!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:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Style 01 (Black) - Menu by Apycom.com</title>
        <link type="text/css" href="css/menu.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/menu.js"></script>
    </h:head>
    
    <h:body>
        <div id="menu">
            <ul class="menu">
                <li><a href="#" class="parent"><span>Op1</span></a>
                    <ul>
                        <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                            <ul>
                                <li><a href="#"><span>Sub Item 1.2</span></a></li>
                            </ul>
                        </li>
                        <li><a href="#{empresaController.create()}"><span>Empresa</span></a></li>
                        <li><a href="#{estabelecimentoController.create()}"><span>Estabelecimento</span></a></li>
                    </ul>
                </li>
                <li><a href="#" class="parent"><span>Op2</span></a>
                    <ul>
                        <li><a href="#{entradaController.create()}"><span>Nova</span></a></li>
                        <li><a href="#" class="parent"><span>Consulta</span></a>
                            <ul>
                                <li><a href="#"><span>Sub Item 2.1</span></a></li>
                                <li><a href="#"><span>Sub Item 2.2</span></a></li>
                            </ul>
                        </li>
                        <li><a href="#"><span>Sub Item 3</span></a></li>
                    </ul>
                </li>
                <li><a href="#" class="parent"><span>Vendas</span></a>
                    <ul>
                        <li><a href="#"><span>Nova</span></a></li>
                        <li><a href="#" class="parent"><span>Consulta</span></a>
                            <ul>
                                <li><a href="#"><span>Op3</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#"><span>Op4</span></a></li>
                <li><a href="#" class="parent"><span>Op5</span></a>
                    <ul>
                        <li><a href="#"><span>Op51</span></a></li>
                        <li><a href="#" class="parent"><span>Consulta</span></a>
                            <ul>
                                <li><a href="#"><span>Extrato</span></a></li>
                                <li><a href="#"><span>Saldo</span></a></li>
                            </ul>
                        </li>
                        <li><a href="#" class="parent"><span>Consulta</span></a>
                            <ul>
                                <li><a href="#"><span>Vendas</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#"><span>Op6</span></a>
                    <ul>
                        <li><a href="#{projetoController.create()}"><span>Op61</span></a></li>
                        <li><a href="#"><span>Chamados</span></a>
                            <ul>
                                <li><a href="#{chamadoController.create()}"><span>Novo</span></a></li>
                                <li><a href="#{chamadoController.readAll()}"><span>Consulta</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#"><span>Op7</span></a>
                    <ul>
                        <li><a href="#{graphVendasController.abre()}"><span>Gráficos</span></a></li>
                    </ul>
                </li>
                <li><a href="#"><span>Utilitários</span></a>
                    <ul>
                        <li><a href="#"><span>Sobre...</span></a></li>
                        <li><a href="#"><span>Op71</span></a>
                            <ul>
                                <li><a href="#{ediDrSoftController.abre()}"><span>Dr. Soft...</span></a></li>
                                <li><a href="#{chamadoController.readAll()}"><span>Bancos</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        
        <!--<div id="conteudo" style="height: 550px; background-image: url('css/images/background_globe.jpg'); background-repeat: no-repeat; back">-->
        <div id="conteudo" style="height: 550px; background-repeat: no-repeat ; background-position: 100% 100%;">
            <ui:insert name="uiConteudo">
            </ui:insert>
        </div>
        
        <div id="rodape" style="background-color: lightgray">
            <div id="copyright">Copyright 2012 <a href="http://apycom.com/">Apycom jQuery Menus</a></div>
        </div>
        
        
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        
    </h:body>
</html>

Preciso de uma maneira de exibir o menu e os componentes na mesma página.

system · Dezembro 30, 2015, 2:01pm

Primefaces não exibe os componentes

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