1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Utilizando layout do primefaces

Boa noite!

Estou utilizando o layout completo proposto pelo showcase do primefaces, porem tenho duvidas quanto a utilização dele. A ideia é que clicando nos botões do menu da esquerda, carregue a pagina correspondente no layout central. Abaixo esta o código com o exemplo. Na prática, estou querendo ter uma pagina principal, a que esta no anexo. A minha duvida é como abrir as paginas no layout central, a partir dos botoes de menu que estão na lateral. Por exemplo, quando clicar em login, abrirá no layout central a pagina login.xhtml. Se clicar em Gerenciar Cliente, abrirá a pagina cliente.xhtml.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.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.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>PrimeFaces</title>
            </f:facet>
        </h:head>

        <h:body>
            <p:layout fullPage="true">
                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                    Header
                </p:layoutUnit>
                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">    
                </p:layoutUnit>
                <p:layoutUnit position="west" size="175" header="Left" collapsible="true">
                    <p:menu>
                        <p:submenu label="Resources">
                            <p:menuitem value="Login" url="faces/pages/login"  />
                            <p:menuitem value="Feeds" url="faces/pages/feed" />
                            <p:menuitem value="Gerenciar Cliente" url="faces/view/cliente"/>
                        </p:submenu>
                    </p:menu>
                </p:layoutUnit>
                <p:layoutUnit position="center">
                    "Pagina deve ser apresentada aqui"
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>

Alguém teria um exemplo de como tratar essa situação?

Abraço!

  • explique melhor sua pergunta

    Johnatan Dantas   06 de mai de 2014
  • Johnatan, estou querendo ter uma pagina principal, a que esta no anexo. A minha duvida é como abrir as paginas no layout central, a partir dos botoes de menu que estão na lateral. Por exemplo, quando clicar em login, abrirá no layout central a pagina login.xhtml. Se clicar em Gerenciar Cliente, abrirá a pagina cliente.xhtml.

    adilson_f   06 de mai de 2014
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags primefaces xhtml ou faça a sua própria pergunta.