Páginas JSF ultilizando Facelets (Navegabilidade)

6 respostas
R

Pessoal boa tarde,

Estou com dificuldades em achar o componente certo pra realizar a navegabilidade das minhas páginas onde tenho uma página inicial de menu e quero que nessa mesma página abra minha página de cadastro como faço isso? e o que ultilizar pra fazer isso? Estou ultilizando Facelets, JSF e RichFaces.

Exemplo:

Menu

Cadastro Operações Relatórios Ajuda
Cadastro Secretaria

Ao clicar no menu “Cadastro”/ “Cadastro Secretaria”, a página de cadastro abra aqui sem passar para outra página ou seja sempre que clicar no menu pra realizar alguma coisa no sistema nunca sair desse padrão para todas as páginas.

6 Respostas

adrianoseven

robertinhodf:
Pessoal boa tarde,

Estou com dificuldades em achar o componente certo pra realizar a navegabilidade das minhas páginas onde tenho uma página inicial de menu e quero que nessa mesma página abra minha página de cadastro como faço isso? e o que ultilizar pra fazer isso? Estou ultilizando Facelets, JSF e RichFaces.

Exemplo:

Menu

Cadastro Operações Relatórios Ajuda
Cadastro Secretaria

Ao clicar no menu “Cadastro”/ “Cadastro Secretaria”, a página de cadastro abra aqui sem passar para outra página ou seja sempre que clicar no menu pra realizar alguma coisa no sistema nunca sair desse padrão para todas as páginas.

Como se fosse um menu em páginas com frames?

surfzera

Então existem varios componentes do RichFaces por exemplo para isso … eu uso normalmente o rich:toolBar ou o rich:panelMenu

exemplo:

<div id="principal">
                    <p id="cabecalho"></p>
                    <div id="dados">

                        <h:form id="frmPrincipal">

                            <rich:toolBar>

                                <rich:menuItem id="itemInicio" value="Inicio" action="home" icon="/images/home.jpg" immediate="true" styleClass="iconeMaior" selectClass="menuHover" />

                                <rich:menuItem id="itemManutencao" value="Manutenção" action="administracao" icon="/images/adm.jpg" immediate="true" styleClass="iconeMaior" selectClass="menuHover" />

                                <rich:dropDownMenu id="itemDropPrincipal" value="Relatorios" direction="bottom-right" jointPoint="tr" horizontalOffset="-65" verticalOffset="20" selectedLabelClass="hover">

                                    <rich:menuItem id="itemRelatorioFaturamento" value="Faturamento" action="relatorioFaturamento" icon="/images/relatorio.gif" immediate="true" selectClass="subHover" />

                                    <rich:menuItem id="itemRelatorioGeral" value="Ordem de Serviço" action="relatorioOS" icon="/images/relatorio.gif" immediate="true" selectClass="subHover" />

                                    <rich:menuItem id="itemRelatorioSinteticoOS" value="Individual de OS" action="relatorioSinteticoOS" icon="/images/relatorio.gif" immediate="true" selectClass="subHover" />

                                </rich:dropDownMenu>

                                <rich:menuItem id="itemSobre" value="Sobre" action="sobre" icon="/images/sobre.jpg" immediate="true" styleClass="iconeMaior" selectClass="menuHover" />

                                <rich:menuItem id="itemSair" value="Sair" action="#{Autenticacao.logout}" icon="/images/sair.jpg" immediate="true" styleClass="iconeMaior" selectClass="menuHover" />

                            </rich:toolBar>

                        </h:form>

                    </div>
                    <div id="conteudo">
                        <ui:insert name="conteudo">Conteúdo Padrão</ui:insert>
                    </div>

                    <div id="rodape">
                       
                    </div>
                </div>
surfzera

oque acontece quando vc clica em um rich:menuitem é abrir a página solicitada dentro da div conteudo

<ui:composition template="/template.xhtml">

            <ui:define name="conteudo">

   Página index aberta dentro da div conteudo 

            </ui:define>

</ui:composition>
R

adrianoseven:
robertinhodf:
Pessoal boa tarde,

Estou com dificuldades em achar o componente certo pra realizar a navegabilidade das minhas páginas onde tenho uma página inicial de menu e quero que nessa mesma página abra minha página de cadastro como faço isso? e o que ultilizar pra fazer isso? Estou ultilizando Facelets, JSF e RichFaces.

Exemplo:

Menu

Cadastro Operações Relatórios Ajuda
Cadastro Secretaria

Ao clicar no menu “Cadastro”/ “Cadastro Secretaria”, a página de cadastro abra aqui sem passar para outra página ou seja sempre que clicar no menu pra realizar alguma coisa no sistema nunca sair desse padrão para todas as páginas.

Como se fosse um menu em páginas com frames?

felipe.sodre

Boa tarde desculpem o incomodo mas estou com um problema em outro topico so precisava que alguem com richfaces configurado fizesse um teste para mim, alguem poderia faze-lo por gentileza?

http://www.guj.com.br/posts/list/205944.java

R

Carlos a possibilidade de ajudar a criar um template, porque ai coloco o menu como template e as outras páginas herdando (repatindo) o menu como exmplo essa página do GUJ ultiliza a barra que tem " HOME FÓRUM ARTIGOS ...." como padrão para todas as outras vou colocar o meu código aqui pra facilitar:

MENU QUE QUERO COMO PADRÃO EM TODAS AS PÁGINAS
<head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>Menu</title>
        </head>
        <body>
            <h:form>
                <rich:toolBar>
                    <rich:dropDownMenu>
                        <f:facet name="label">
                            <h:panelGroup>
                                <h:outputText value="Cadastro" />
                            </h:panelGroup>
                        </f:facet>
                        <rich:menuItem submitMode="ajax" value="Cadastro Secretaria"
                                       actionListener="#{MenuListarNomeAcao.listenerCadastroSecretaria}" reRender="menu"
                                       action="#{Secretaria.doConfirmaCadSecretaria}"/>
                        <rich:menuItem submitMode="ajax" value="Cadastro Equipamento"
                                       actionListener="#{MenuListarNomeAcao.listenerCadastroEquipamento}" reRender="menu" />
                        <rich:menuItem submitMode="ajax" value="Cadastro Solicitante"
                                       actionListener="#{MenuListarNomeAcao.listenerCadastroSolicitante}" reRender="menu" />
                        <rich:menuItem submitMode="ajax" value="Cadastro Tecnico"
                                       actionListener="#{MenuListarNomeAcao.listenerCadastroTecnico}" reRender="menu" />
                    </rich:dropDownMenu>

                    <rich:dropDownMenu>
                        <f:facet name="label">
                            <h:panelGroup>
                                <h:outputText value="Edit" />
                            </h:panelGroup>
                        </f:facet>
                        <rich:menuItem submitMode="ajax" value="Undo"/>
                    </rich:dropDownMenu>
                    <rich:dropDownMenu>
                        <f:facet name="label">
                            <h:panelGroup>
                                <h:outputText value="Help" />
                            </h:panelGroup>
                        </f:facet>
                        <rich:menuItem submitMode="ajax" value="About"/>
                    </rich:dropDownMenu>
                </rich:toolBar>
                <rich:spacer  width="1" height="5"/>
                <h:outputText value="Seleção atual: "></h:outputText>

                <h:panelGroup id="menu">
                    <h:outputText value="#{MenuListarNomeAcao.menuSelected}"/>

                </h:panelGroup>

            </h:form>

        </body>
   
</html>

PÁGINA DE CADASTRO ONDE QUERO QUE APAREÇA A BARRA DE MENU.

<body>
           <h:panelGrid columns="6" >
                <rich:panel>
                    <f:facet name="header">
                        <h:outputText value="CADASTROS SECRETARIAS"/>
                    </f:facet>
                    <a4j:form ajaxSubmit="true" reRender="name">

                        <h:inputText id="label" label="nome" size="10" style="width:auto"/>

                        <a4j:commandButton id="incluir" value="Incluir" />
                        <a4j:commandButton id="alterar" value="Alterar" />
                        <a4j:commandButton id="deletar" value="Deletar"/>
                        <a4j:commandButton id="consultar" value="Consultar" />
                        <a4j:commandButton id="confirmar" value="Confirmar" action="#{Secretaria.finishConfirmaCadSecretaria}"/>
                        <a4j:commandButton id="cancelar" action="ListCadSecretaria" value="Cancelar" />
                        <br/>

                        Nome:<h:inputText value="#{Secretaria.selectedSecretaria.nome}"/><br/>
                        Cod Op Inicial: <h:inputText value="#{Secretaria.selectedSecretaria.codoperinc}"/><br/>
                        Data Inclusão:<rich:calendar value="#{Secretaria.selectedSecretaria.datainclusao}" datePattern="dd/MM/yy"/><br/>
                        Status <h:inputText value="#{Secretaria.selectedSecretaria.status}"/>
                        Cod Op Alteração: <h:inputText value="#{Secretaria.selectedSecretaria.codoperalt}"/><br/>
                    </a4j:form><br></br>
                </rich:panel>
            </h:panelGrid>
        

    </body>

</html>
robertinhodf:
adrianoseven:
robertinhodf:
Pessoal boa tarde,

Estou com dificuldades em achar o componente certo pra realizar a navegabilidade das minhas páginas onde tenho uma página inicial de menu e quero que nessa mesma página abra minha página de cadastro como faço isso? e o que ultilizar pra fazer isso? Estou ultilizando Facelets, JSF e RichFaces.

Exemplo:

Menu

Cadastro Operações Relatórios Ajuda
Cadastro Secretaria

Ao clicar no menu "Cadastro"/ "Cadastro Secretaria", a página de cadastro abra aqui sem passar para outra página ou seja sempre que clicar no menu pra realizar alguma coisa no sistema nunca sair desse padrão para todas as páginas.

Como se fosse um menu em páginas com frames?

É isso, como se foss essa página que estamos do Forum, se clicarmos em HOME retornaremos pa página inicial mas o menu e cabeçalho não fica como padrão entendeu?
Criado 4 de maio de 2010
Ultima resposta 5 de mai. de 2010
Respostas 6
Participantes 4