Como carregar uma página xhtml dentro de uma <p:tab. JSF 2 com PrimeFaces

Donizete Waterkemper

unread,

Apr 7, 2011, 3:25:09 PM4/7/11

to jav...@googlegroups.com

Boa tarde!

Tenho uma p:tabView com várias p:tab. Dentro de cada p:tab quer carregar uma página *.xhtml. Tentei usar Facelets mas não deu certo. Quando entro na página principal não carrega as páginas *.xhtml dentro das p:tab.

Segue abaixo o código que estou usando:

inicio.xhtml:
[code]
<p:tabView effect="opacity" effectDuration="normal" style="width:100%;">
    <p:tab title="Limite" >
        <h:panelGrid columns="1" cellpadding="10">
            <div id="limit">
                            <ui:insert name="limite" />
                    </div>
        </h:panelGrid>
    </p:tab>
   ...

</p:tabView>
[/code]

formulario.xhtml: Essa página deve ser carregada dentro da tab da página início.xhtml
[code]
<?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: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">

<ui:composition template="/paginas/inicio.xhtml">
    <ui:define name="limite">
        <f:view>
       ...
               </f:view>
    </ui:define>
</ui:composition>
</html>

Att,
[/code]

Zeh

unread,

Apr 7, 2011, 3:34:42 PM4/7/11

to jav...@googlegroups.com

Eu tive esse problema e conseguir resolver usando

<rich:tab label="Teste">

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

</rich:tab>

<rich:tab label="Teste1">

<ui:include src="/pagina/pagina1.xhtml" />

</rich:tab>

--
Você recebeu esta mensagem por que é membro do Javasf
http://groups.google.com/group/javasf

Conheça também o Java Brazil: http://groups.google.com/group/thejavabrazil

Levy Moreira

unread,

Apr 7, 2011, 4:13:45 PM4/7/11

to jav...@googlegroups.com

Assim que faz um menu fixo ao lado, e as outras páginas aparecendo no meio da página?
Sempre quiz fazer isso...

--
Levy Moreira - Programador

Sistech Informática - Juazeiro do Norte - CE

...........................................................................
"Aviso de confidencialidade profissional" - Esta mensagem eletrônica e seus anexos são destinados exclusivamente ao(s) destinatário(s) acima e podem conter informações confidenciais sujeitas a restrição legal de comunicação entre as partes. Caso tenha recebido esta mensagem por engano, fica V.S.ª ciente de que a distribuição, divulgação ou disseminação das informações aqui contidas ou anexadas é terminantemente proibida, sujeitando o responsável às penalidades aplicáveis. Assim, solicitamos a gentileza de retorná-la de imediato ao remetente, eliminando-a definitivamente de seu sistema. Em caso de dúvida, queira por favor entrar em contato."

"Confidentiality notice" - This message and its attachments are addressed solely to the persons above and may contain privileged and confidential
communication. If you have received the message in error, the distribution or dissemination of the content hereof is prohibited. Please return it
immediately to the sender and please delete the message from your system on a permanent basis. Should you have any questions, please contact."

...........................................................................

Donizete Waterkemper

unread,

Apr 7, 2011, 5:35:27 PM4/7/11

to jav...@googlegroups.com

Aew Levy! É exatamento esse recurso que estou tentando usar.

Att,
Donizete Waterkemper

Levy Moreira

unread,

Apr 7, 2011, 10:14:23 PM4/7/11

to jav...@googlegroups.com

Cara se conseguir posta a dica aqui cara. Se eu conseguir primeiro eu posto.

Donizete Waterkemper

unread,

Apr 8, 2011, 7:39:26 AM4/8/11

to jav...@googlegroups.com

Bom dia,

O include funcionou. Fiz da seguinte forma:

Página principal:

....
<p:tabView dynamic="true" style="width:100%;">

<p:tab title="Limite" >
<h:panelGrid columns="1" cellpadding="10">

                                    </div>
                                </h:panelGrid>
                            </p:tab>

</p:tabView>

...

"/paginas/limite/formulario.xhtml" com o seguinte código de exemplo:

...

<?xml version="1.0" encoding="ISO-8859-1"?>

<!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:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.prime.com.tr/ui">
<ui:composition>

    <p:panel id="painelLimite" header="Limite"
        style="text-align:left;width:100%;">
            <h:outputLabel>Teste</h:outputLabel>
            <h:outputText value="Teste"></h:outputText>
    </p:panel>
</ui:composition>
</html>

...

Obrigado pela ajuda!

Att,
Donizete Waterkemper

Flavio Cysne

unread,

Apr 8, 2011, 9:20:53 AM4/8/11

to jav...@googlegroups.com

Segue abaixo a parte importante do código. Foi feito usando o Primefaces, mas combinando as tags do JSF com as do Ajax4JSF também resolve.

// trecho do xhtml
        <h:form id="output-panel-form">

            <p:commandLink value="Content A" update="ajax-panel">
                <f:setPropertyActionListener value="content-a.xhtml" target="#{outputPanelBean.target}" />
            </p:commandLink>

            <br />

            <p:commandLink value="Content B" update="ajax-panel">
                <f:setPropertyActionListener value="content-b.xhtml" target="#{outputPanelBean.target}" />
            </p:commandLink>

            <br />

            <p:outputPanel id="ajax-panel" layout="inline">

                <h:panelGroup rendered="#{!empty outputPanelBean.target}">
                    <ui:include src="#{outputPanelBean.target}" />
                </h:panelGroup>

            </p:outputPanel>

        </h:form>

// OutputPanelBean.java
public class OutputPanelBean {

    private String target;

    public String getTarget() {
        return target;
    }

    public void setTarget(String target) {
        this.target = target;
    }

}

Espero ter ajudado.
Flávio Cysne

Em 8 de abril de 2011 10:05, Flavio Cysne <flavi...@gmail.com> escreveu:

Fiz algo parecido uma vez. Criei um template de página inicial, herdei deste template e fiz outro com menu e conteúdo. Os menus eram h:commandLink + a4j:support com um parâmetro definindo qual url seria acessada. na parte do template referente ao conteúdo eu incluí um a4j:outputPanel e dentro dele um ui:include. No atributo src do ui:include eu usei a variável (EL) correspondente ao parâmetro passado pelo a4j:support. No a4j:support eu coloquei apenas o a4j:outputPanel no reRender.

Vou procurar os fontes e posto assim que encontrá-los.

Espero ter ajudado.
Flávio Cysne

Em 7 de abril de 2011 23:14, Levy Moreira <levymor...@gmail.com> escreveu:

Flavio Cysne

unread,

Apr 8, 2011, 9:05:46 AM4/8/11

to jav...@googlegroups.com

Fiz algo parecido uma vez. Criei um template de página inicial, herdei deste template e fiz outro com menu e conteúdo. Os menus eram h:commandLink + a4j:support com um parâmetro definindo qual url seria acessada. na parte do template referente ao conteúdo eu incluí um a4j:outputPanel e dentro dele um ui:include. No atributo src do ui:include eu usei a variável (EL) correspondente ao parâmetro passado pelo a4j:support. No a4j:support eu coloquei apenas o a4j:outputPanel no reRender.

Vou procurar os fontes e posto assim que encontrá-los.

Espero ter ajudado.
Flávio Cysne

Em 7 de abril de 2011 23:14, Levy Moreira <levymor...@gmail.com> escreveu:

Levy Moreira

unread,

Apr 8, 2011, 1:53:53 PM4/8/11

to jav...@googlegroups.com

Eu já ia perguntar como fazia no prime :)

Reply all

Reply to author

Forward