Passer de JSF core à PrimeFaces 3

Version imprimable

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:

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.

21/08/2011, 19h53
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
22/08/2011, 09h14
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 :mouarf:
22/08/2011, 13h34
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:

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
22/08/2011, 13h58
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?

oui j'ai déja vu ce tutoriel

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

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
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:

/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

22/08/2011, 14h35
DevServlet

Ton erreur est assez explicite, tu as bindé ton composant HtmlDatatable sur un composant primefaces datatable, ca marchait avant, mais là ca le fait plus, il faut que coté java tu adaptes ta classe Datatable à ta nouvelle classe. Moi perso je n'utilise pas souvent explicitement les classes composant coté java, car ca t'oblige à coder tes interfaces en fonction du framework utilisé coté interfaces, en d'autres termes je ne binde pas souvent. à mes composants coté interface je passe simplement tes objets ou des collections d'objets complètement découplés des composants utilisés.
22/08/2011, 14h40
meryam123

je suis encore débutante j'ai encore des soucis à comprendre !!!

comment je peux adapter ma classe Datatable la nouvelle classe!!!

merci pour votre aide
22/08/2011, 15h22
DevServlet

Ok pas de soucis, on débute tous un jour sur une techno :) .
Fais nous voir le code de ton ManagedBean

ok , je vous remerci infinement

voici le code de mon equipmentBean

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
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
 
package org.test.bean;
 
import com.jpa.entities.Anomalie;
import com.jpa.entities.Equipe;
import com.jpa.entities.Equipement;
import com.jpa.entities.Origine;
import com.jpa.entities.Service;
import java.math.BigInteger;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
 
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import javax.faces.event.ValueChangeEvent;
import javax.persistence.EntityManager;
import javax.persistence.Query;
import javax.faces.component.html.HtmlDataTable;
 
 
@ManagedBean
@SessionScoped
public class EquipmentBean {
 
    List<Equipement> list;
    private String terminal;
    private String equModule;
    private String equZone;
    private String equlibelle;
    private String orgInfo;
    private String serId;
    String anId;
    String IdRow;
    private List<String> equModuleList;
    private List<String> equZoneList;
    private List<String> equlibelleList;
    private List<String> serIdList;
    private List<Equipe> equipeList;
    private Iterable<Service> serviceList;
 
    public EquipmentBean() {
        equModuleList = new ArrayList<String>();
        equZoneList = new ArrayList<String>();
        equlibelleList = new ArrayList<String>();
        serIdList = new ArrayList<String>();
        equipeList = new ArrayList<Equipe>();
 
    }
 
    public List<Equipe> getEquipeList() {
        return equipeList;
    }
 
    public void setEquipeList(List<Equipe> equipeList) {
        this.equipeList = equipeList;
    }
 
    public String getEquModule() {
        return equModule;
    }
 
    public void setEquModule(String equModule) {
        this.equModule = equModule;
    }
 
    public List<String> getEquModuleList() {
        return equModuleList;
    }
 
    public void setEquModuleList(List<String> equModuleList) {
        this.equModuleList = equModuleList;
    }
 
    public String getEquZone() {
        return equZone;
    }
 
    public void setEquZone(String equZone) {
        this.equZone = equZone;
    }
 
    public List<String> getEquZoneList() {
        return equZoneList;
    }
 
    public void setEquZoneList(List<String> equZoneList) {
        this.equZoneList = equZoneList;
    }
 
    public String getEqulibelle() {
        return equlibelle;
    }
 
    public void setEqulibelle(String equlibelle) {
        this.equlibelle = equlibelle;
    }
 
    public List<String> getEqulibelleList() {
        return equlibelleList;
    }
 
    public void setEqulibelleList(List<String> equlibelleList) {
        this.equlibelleList = equlibelleList;
    }
 
    public String getOrgInfo() {
        return orgInfo;
    }
 
    public void setOrgInfo(String orgInfo) {
        this.orgInfo = orgInfo;
    }
 
    public String getSerId() {
        return serId;
    }
 
    public void setSerId(String serId) {
        this.serId = serId;
    }
 
    public List<String> getSerIdList() {
        return serIdList;
    }
 
    public void setSerIdList(List<String> serIdList) {
        this.serIdList = serIdList;
    }
 
    public String getTerminal() {
        return terminal;
    }
 
    public void setTerminal(String terminal) {
        this.terminal = terminal;
    }
 
    //used  radio button 
    public HtmlDataTable getHtmlDataTable() {
        return htmlDataTable;
    }
 
    public void setHtmlDataTable(HtmlDataTable htmlDataTable) {
        this.htmlDataTable = htmlDataTable;
    }
 
    public String getIdRow() {
        return IdRow;
    }
 
    public void setIdRow(String IdRow) {
        this.IdRow = IdRow;
    }
 
 
    public void terminalChange(ValueChangeEvent changeEvent) {
        terminal = (String) changeEvent.getNewValue();
        EntityManager em = PersistenceManager.getEmf().createEntityManager();
        Query query = em.createNamedQuery("Equipement.findByEquTerminal");
        query.setParameter("equTerminal", terminal);
 
        List<Equipement> list = (List<Equipement>) query.getResultList();
        equModuleList.clear();
 
        equModuleList.add("Select Any One");
        for (Equipement equipement : list) {
 
            equModuleList.add(equipement.getEquModule());
            System.out.println(equipement.getEquModule());
        }
        em.close();
 
 
    }
 
    public void moduleChange(ValueChangeEvent changeEvent) {
        equModule = (String) changeEvent.getNewValue();
        EntityManager em = PersistenceManager.getEmf().createEntityManager();
        Query query = em.createNamedQuery("Equipement.findByEquitermod");
        query.setParameter("equTerminal", terminal);
        query.setParameter("equModule", equModule);
        List<Equipement> list = (List<Equipement>) query.getResultList();
        equZoneList.clear();
 
        equZoneList.add("Select Any One");
        for (Equipement equipement : list) {
 
            equZoneList.add(equipement.getEquZone());
            System.out.println(equipement.getEquZone());
        }
        em.close();
 
    }
 
    public void zoneChange(ValueChangeEvent changeEvent) {
        equZone = (String) changeEvent.getNewValue();
        System.out.println("zone : " + equZone);
        EntityManager em = PersistenceManager.getEmf().createEntityManager();
        Query query = em.createNamedQuery("Equipement.findByEquitermodzone");
        System.out.println("zonnne" + equZone);
        query.setParameter("equTerminal", terminal);
        query.setParameter("equModule", equModule);
        query.setParameter("equZone", equZone);
        list = (List<Equipement>) query.getResultList();
        equlibelleList.clear();
 
        equlibelleList.add("Select Any One");
        for (Equipement equipement : list) {
 
            equlibelleList.add(equipement.getEquLibelle());
            System.out.println("getEquLibelle : " + equipement.getEquLibelle());
        }
        em.close();
 
    }
 
    public String search() {
 
        EntityManager em = PersistenceManager.getEmf().createEntityManager();
        Query query = em.createNamedQuery("Equipe.findBySerId");
        query.setParameter("tecStatus", "No");
        query.setParameter("serId", serId);
 
        System.out.println(query.toString());
 
        equipeList = (List<Equipe>) query.getResultList();
        System.out.println("equipeList : " + equipeList.size());
 
        em.close();
        return null;
 
    }
 
    public String cancel() {
 
        terminal = "";
        equModule = "";
        equZone = "";
        equlibelle = "";
        orgInfo = "";
        serId = "";
        equModuleList = new ArrayList<String>();
        equZoneList = new ArrayList<String>();
        equlibelleList = new ArrayList<String>();
        serIdList = new ArrayList<String>();
        equipeList = new ArrayList<Equipe>();
        return null;
    }
    private HtmlDataTable htmlDataTable;
 
    public void setSelected(ValueChangeEvent event) {
        Equipe equipe = (Equipe) htmlDataTable.getRowData();
        IdRow = equipe.getTecNom();
        System.out.println("tecCin :" + IdRow); //here  i check  the value  of idRow 
 
 
    }
 
    public String save() {
         System.out.println("save is called"); 
        EntityManager em = PersistenceManager.getEmf().createEntityManager();
        em.getTransaction().begin();
 
        Query query = em.createNamedQuery("Equipement.findByEquitermodzone");
        query.setParameter("equTerminal", terminal);
        query.setParameter("equModule", equModule);
        query.setParameter("equZone", equZone);
 
        Equipement equipement = (Equipement) query.getSingleResult();
        String equID = (String) equipement.getEquId();
        BigInteger server = (BigInteger) equipement.getGraLibelle().getGraDuree();
 
        equipement.getGraLibelle().setGraDuree(server.subtract(BigInteger.valueOf(1)));
 
       equipement= em.merge(equipement);
        System.out.println("equId :" + equID);
        System.out.println("server " + server); 
 
        Anomalie anomalie = new Anomalie();
 
 anomalie.setEquId(equipement);
        anomalie.setAnServer(server);
        anomalie.getEquId().setEquId(equID); 
        anomalie.setAnEtat("declarée");
        anomalie.setAnAgentD("user1");
        anomalie.setAnDateD(new Date());
 
        for (Equipe equipe : equipeList) {
            if(equipe.getTecNom().equals(IdRow)){
               anomalie.setTecCin(equipe);
            }
 
        }
 
 
 
        anomalie.getTecCin().setTecStatus("occuped");
        anomalie.setAnServer(server);
        anomalie.setOrgInfo(orgInfo);
        System.out.println(" serid "+serId);
 
 
        anomalie.setSerId(serId);
 
        em.persist(anomalie);
 
 
        anomalie=em.merge(anomalie);
 
        System.out.println("anomalie : "+anomalie);
 
        anId = anomalie.getAnId();
        terminal = "";
        equModule = "";
        equZone = "";
        equlibelle = "";
        orgInfo = "";
        serId = "";
        equModuleList = new ArrayList<String>();
        equZoneList = new ArrayList<String>();
        equlibelleList = new ArrayList<String>();
        serIdList = new ArrayList<String>();
        equipeList = new ArrayList<Equipe>();
         em.getTransaction().commit();
        em.close();
        return null;
    }
}

22/08/2011, 16h09
DevServlet

Remplace ca

Code:

private HtmlDataTable htmlDataTable;

Par ça

Code:

private org.primefaces.component.datatable.DataTable htmlDataTable;

et corriges les impacts dans ton code. Normalement ca doit résoudre ton pb. Mais je reste convaincu que tu n'as pas besoin de binder.Mais ça on en parlera après.
22/08/2011, 16h45
meryam123

je vous remercie la table fonctionne come avant

j'ai une autre question j'ai installé le théme excite-bike (en ajoutant le dossier qui contient skin.css et image )

http://www.primefaces.org/showcase-l...tionSingle.jsf

les buttons prend la couleur du théme ,, la table non

merci pour votre réponse
22/08/2011, 16h47
DevServlet

Ce forum fonctionne par thème, si ton pb est résolu tu coches le tag résolu, ca clôt ce débat,et tu crées un nouveau post(ou nouvelle question) :mouarf:
22/08/2011, 16h51
meryam123

1 pièce(s) jointe(s)

désolée

voici une capture d'écran de l'interface

merci
22/08/2011, 17h04
meryam123

ok :ccool:

je vous remercie infinement , je poste une autre discussion:)