Discussion :

[meryam123]

Bonjour,

Je suis débutante en JSF et j'ai réalisé une interface en JSF core. A présent, je souhaiterais passer à PrimeFaces 3.

A chaque fois que je remplace <h: par <p: l'interface ne fonctionne pas correctement.

Quelqu'un saurait-il m'expliquer comment je peux convertir ce code en PrimeFaces ?

Voici le code de la page

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<h:form>
    <center>
        <br/><br/><br/><br/><br/>
            local <h:selectOneRadio value="#{equipmentBean.local}" valueChangeListener="#{equipmentBean.localChange}" onchange="this.form.submit();" >
                    <f:selectItem itemValue="local 1" itemLabel="local 1" />
                    <f:selectItem itemValue="local 2" itemLabel="local 2" />
                    <f:selectItem itemValue="local 3" itemLabel="local 3" />
                </h:selectOneRadio>
            Module <h:selectOneMenu value="#{equipmentBean.equModule}" valueChangeListener="#{equipmentBean.moduleChange}" onchange="this.form.submit();" style="width: 211px">
                <f:selectItems value="#{equipmentBean.equModuleList}"/>
 
            </h:selectOneMenu>
            Zone <h:selectOneMenu value="#{equipmentBean.equZone}" valueChangeListener="#{equipmentBean.zoneChange}" onchange="this.form.submit();" >
                <f:selectItems value="#{equipmentBean.equZoneList}"/>
            </h:selectOneMenu>
            equlibelle <h:selectOneMenu value="#{equipmentBean.equlibelle}" >
                <f:selectItems value="#{equipmentBean.equlibelleList}"/>
            </h:selectOneMenu>
            orgInfo <h:inputText value="#{equipmentBean.orgInfo}"/>
            serId <h:selectOneMenu value="#{equipmentBean.serId}"  >
                <f:selectItem itemLabel="cco " itemValue="cco " />
                <f:selectItem itemLabel="ccp" itemValue="ccp" />
                <f:selectItem itemLabel="medecin" itemValue="medecin" />
                <f:selectItem itemLabel="electronique" itemValue="electronique" />
                <f:selectItem itemLabel="eletrique" itemValue="eletrique" />
            </h:selectOneMenu>
 
        </h:panelGrid>
        <br/>
        <h:commandButton value="Retrive" action="#{equipmentBean.search()}"/>
        <br/><br/>
 
        <h:dataTable value="#{equipmentBean.equipeList}" border="1" var="equipe" binding="#{equipmentBean.htmlDataTable}">
            <h:column>
                <h:selectOneRadio onclick="radioButton(this);" valueChangeListener="#{equipmentBean.setSelected}">
                    <f:selectItem itemValue="null" />
                </h:selectOneRadio>
 
            </h:column>
 
            <h:column>
                <f:facet name="header"><h:outputLabel value ="tecName"/></f:facet>
                <h:outputLabel value="#{equipe.tecNom}"/>
            </h:column>
             <h:column>
 
                 <f:facet name="header"><h:outputLabel value ="prenom"/></f:facet>
                <h:outputLabel value="#{equipe.tecPrenom}"/>
            </h:column>
             <h:column>
 
               <f:facet name="header"><h:outputLabel value ="tecTel"/></f:facet>
                <h:outputLabel value="#{equipe.tecTel}"/>
            </h:column>
             <h:column>
 
                <f:facet name="header"><h:outputLabel value ="serId"/></f:facet>
                <h:outputLabel value="#{equipe.serId.serId}"/>
            </h:column>
        </h:dataTable>
 
        <h:commandButton value="Save" action="#{equipmentBean.save}"/>
        <h:commandButton value="Cancel" action="#{equipmentBean.cancel}"/>
    </center>
</h:form>

Merci d'avance pour votre aide.

[meryam123]

s'il vous plaît je suis encore bloquée !!!!!!

j'ai surtout des difficulté au niveau de <p:selectonmenu , <p:selectradiobution

et <p:datatable !!!!!!!!

merci d'avance pour votre aide

[DevServlet]

As tu ceci :
-Les librairies utiles au fonctionnement de primesfaces?
-Configurer ton web.xml pour primefaces?
-Importer les taglibs primes faces dans tes fichiers xhtmls
Tu te doutes bien qu'il ne suffit pas simplement de remplacer des préfixes

[meryam123]

merci DevServlet pour votre réponse ;

oui j'ai déja suivi ces étapes :
- librairies :primefaces-3.0.M2.jar
( parce qu'il support datatable , et selectOneMenu)

-ajouter au web xml :

Code :

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

1
2
3
4
<context-param>
	    <param-name>primefaces.SKIN</param-name>
            <param-value>none</param-value>
     </context-param>

-ajouter tglib:
xmlns:p="http://primefaces.prime.com.tr/ui"


pour la conversion des buttons ça marche j'ai juste remplacer <h:comandButton par <p;commandebutton

mais j'ai des problemes au niveau de datatable et selectonemenu ,
(que j'utilise dans l'exemple précedent )

meme si je remplace <h:dataTable et <h:column par <p:dataTable et <p:column


merci d'avance pour votre aide

[DevServlet]

Quand tu dis que ca marche pas, c'est quoi tes erreurs? t'es allée sur le tutotriel officiel de primefaces pour voir comment marchaient les composants?

[meryam123]

oui j'ai déja vu ce tutoriel

la conversion de datatable en primefaces (meme table dans exemple precedent)

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
28
29
30
31
32
33
34
35
36
 <p:dataTable value="#{equipmentBean.equipeList}" var="equipe" binding="#{equipmentBean.htmlDataTable}" >
 
                 <f:facet name="header">
                <h:outputText value="This is 'dataTable' demo"  style="background: #c4c4c4 url(../images/tr-bg.jpg) repeat-x;
	border: 0.5px  solid #a8a8a8;"/>
                </f:facet> 
                          <p:column>
                        <h:selectOneRadio onclick="radioButton(this);"  
                                                     valueChangeListener="#{equipmentBean.setSelected}">
                            <f:selectItem itemValue="null" /> 
                        </h:selectOneRadio>
 
                    </p:column>
 
                    <p:column>
                        <f:facet name="header"><h:outputLabel value ="tecName"/></f:facet>
                        <h:outputLabel value="#{equipe.tecNom}"/>
                    </p:column>
                     <p:column>
 
                         <f:facet name="header"><h:outputLabel value ="prenom"/></f:facet>
                        <h:outputLabel value="#{equipe.tecPrenom}"/>
                    </p:column>
                     <p:column>
 
                       <f:facet name="header"><h:outputLabel value ="tecTel"/></f:facet>
                        <h:outputLabel value="#{equipe.tecTel}"/>
                    </p:column>
                     <p:column>
 
                        <f:facet name="header"><h:outputLabel value ="serId"/></f:facet>
                        <h:outputLabel value="#{equipe.serId.serId}"/>
                    </p:column>
 
 
                </p:dataTable>

erreur est la suivante :

Code :

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

/pages/declaration.xhtml @191,118 binding="#{equipmentBean.htmlDataTable}": Cannot convert org.primefaces.component.datatable.DataTable@13c66d8 of type class org.primefaces.component.datatable.DataTable to class javax.faces.component.html.HtmlDataTable