onglets JSF avec primefaces

Version imprimable

19/06/2012, 08h12
azassma

onglets JSF avec primefaces

Bonjour,

Je veux construire une page JSF avec des onglets dont chaque onglets correspond à une autre page JSF.J'utilise Primfaces.
S'il vous plait est ce que vous pouvez m'aidez ?

Merci
19/06/2012, 08h19
omarcisses

Regarde ça http://www.primefaces.org/showcase-l...rientation.jsf

Merci beaucoup monsieur Oumar mais j'ai encore un problème c'est que l'image qui se trouve derrière les tab du tabview prend toutes la page et rien ne s'affiche du contenu qui se trouve entre les tab.

Voila mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<?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:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
 
    <ui:composition template="../Template.xhtml">
        <ui:define name="content">
            <div style="height: 100px">
                <p:tabView>
                    <p:tab title="Tab One">
                        <h:outputText value="Lorem" />
                    </p:tab>
                    <p:tab title="Tab Two">
                        <h:outputText value="Ipsum" />
                    </p:tab>
                    <p:tab title="Tab Three">
                        <h:outputText value="Dolor" />
                    </p:tab>
                </p:tabView>
            </div>
        </ui:define>
    </ui:composition>
</html>

19/06/2012, 12h32
omarcisses

Stp est ce que tu peux etre plus clair ou me faire une copie d'écran

voila c'est résolu !!!
Merci Mr Oumar

Et voila le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<?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:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
 
    <ui:composition template="../Template.xhtml">
        <ui:define name="content">
            <h:panelGrid  style="font-size: 12px;margin-bottom: 5px">
                <p:tabView>
                    <p:tab title="Creer affaire">
                        <ui:include src="page1.xhtml"/>
                    </p:tab>
                    <p:tab title="Constatation affaire">
                        <ui:include src="page2.xhtml"/>
                    </p:tab>
                    <p:tab title="Infracteurs">
                        <ui:include src="page3.xhtml"/>
                    </p:tab>    
                </p:tabView>
            </h:panelGrid>
        </ui:define>
    </ui:composition>
</html>