onglets JSF avec primefaces

**azassma** · 19/06/2012, 08h12

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

**omarcisses** · 19/06/2012, 08h19

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

**azassma** · 19/06/2012, 11h38

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**omarcisses** · 19/06/2012, 12h32

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

**azassma** · 19/06/2012, 19h18

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

Et voila le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

onglets JSF avec primefaces

JSF Java

Discussions similaires

Partager

Partager