L'évènement onchange en JSF

Version imprimable

Voir 40 message(s) de cette discussion en une page

bonjour , je suis débutante en jsf dans mon code je veux changer la liste des société selon la spécialité choisi mais il me donne un erreur .voici mon code.

code xhtml:

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
 
<h:selectOneMenu value="#{societeBean.idSpec}"  onchange="#{societeBean.changer}"  >
                <f:selectItems  value="#{specialiteBean.specMap}" 
                      />     
                    </h:selectOneMenu>
            </div>
			</h:form><br /><br />
 
			<h:form id="form">
 
 
				<p:dataTable style="width: 500px"
headerClass="header" var="societe" value="#{societeBean.toutes_les_sos}"
styleClass="table">
<p:column>
<h:selectBooleanCheckbox value="true" />
</p:column>
<p:column>
<f:facet name="header">  
                    ID  
            </f:facet>
<h:outputText value="#{societe.id}" styleClass="t" />
</p:column>
 
<p:column>
<f:facet name="header">  
                    Societe  
            </f:facet>
            	<h:outputText value="#{societe.raisonSociale}" />
</p:column>
</p:dataTable>

page Bean:

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
 
public class SocieteBean{
	private Long idSos;
    private List<Societe> toutes_les_sos;
	private int idSpec;
 
 
 
	private String raisonSociale;
 
	public String getRaisonSociale() {
		return raisonSociale;
	}
 
	public int getIdSpec() {
		return idSpec;
	}
 
	public void setIdSpec(int idSpec) {
		this.idSpec = idSpec;
	}
 
	public void setRaisonSociale(String raisonSociale) {
		this.raisonSociale = raisonSociale;
	}
 
 
	public Long getIdSos() {
		return idSos;
	}
 
	public void setIdSos(Long idSos) {
		this.idSos = idSos;
	}
 
 
	public List<Societe> getToutes_les_sos() {
		return toutes_les_sos;
	}
 
	public void setToutes_les_sos(List<Societe> toutes_les_sos) {
		this.toutes_les_sos = toutes_les_sos;
	}
 
	@PostConstruct
	public void init(){
 
		toutes_les_sos= new DaoSociete().findAll();
 
	}
	public void changer(){
		toutes_les_sos.clear();
		toutes_les_sos=new DaoSociete().findByIdSpecialite(idSpec);
	}
 
 
}

page DAO:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
public List<Societe> findAll(){
		Query query = em.createQuery("select c from Societe c");
		return (List<Societe>) query.getResultList();
	}
 
	public List<Societe> findByIdSpecialite(int IdSpecialite){
 
		try {
			Query query = em.createQuery("select c from Societe c where c.SPECIALITE_ID=:id");
			query.setParameter("id", IdSpecialite);
			return (List<Societe>) query.getResultList();
		}catch(Exception e){
			e.printStackTrace();
			return null;
		}
	}

erreur:

Code:

1
2
 
javax.el.PropertyNotFoundException: /page/Demande.xhtml @43,88 onchange="#{societeBean.changer}": Property 'changer' not found on type net.sispay.BeanNew.SocieteBean

11/06/2012, 13h34
tchize_

onchange est une propriété javascript, pour exécuté une méthode javascript dans le browser. Elle ne permet pas d'appeler des méthodes coté serveur. Donc quand jsf vois ton expression il suppose qu'elle pointe vers un getter retournant une Strng donnant le code javascript à exécuté. Et comme tu n'a pas de tel getter dans ton code -> erreur.
11/06/2012, 14h57
tifawa

l'evenement onchange en jsf

pouvez vous me donner une solution? qu'est ce que je dois faire pour résoudre ce problème.

merci d'avance.
11/06/2012, 19h59
tchize_

Soit tu coupe ton formulaire en plusieurs morceaux et tu ne présente la liste des sociétés que sur la deuxième page, une fois qu'on a choisi la spécialité, soit tu regarde du coté des framework JSF supportant l'AJAX pour voir comment recharger une partie de ton formulaire sans que l'utilisateur le remarque.
12/06/2012, 12h44
omarcisses

Citation:

Envoyé par tchize_

Soit tu coupe ton formulaire en plusieurs morceaux et tu ne présente la liste des sociétés que sur la deuxième page, une fois qu'on a choisi la spécialité, soit tu regarde du coté des framework JSF supportant l'AJAX pour voir comment recharger une partie de ton formulaire sans que l'utilisateur le remarque.

Je ne sais pas quelle version de jsf tu utilise mais avec la version 2, jsf supporte ajax.

pour ta question, je mettrai plutôt une methode que j’appellerai par ajax qui me recharge la partie de ta page que tu veux rafraichir en utilisant <f:ajax

erreur de requete

bonjour,je travail avec jsf 2.0 et j'ai ajouté la balise <f:ajax> mais le meme erreur j'ai aussi modifier le code mais aucune résultat.je pense que l'erreur se trouve au niveau du requete DAO car j'ai ajouter cette methode

Code:

System.out.println("idspec = " + idSpec);

dans le get de liste<societe> de la page societeBean et il m'affiche dans le console que idspec=0 ça veut dire qu'il ne récupére pas les id .voici mon nouveau code.

page XHTML:

Code:

1
2
3
4
5
6
 
<h:selectOneMenu value="#{societeBean.idSpec}" onchange="changer()">
                <f:selectItems  value="#{specialiteBean.specMap}" 
                      />
                  <f:ajax  execute="@form"></f:ajax>
                    </h:selectOneMenu>

page Bean:

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
 
public class SocieteBean {
	private Long idSos;
    private List<Societe> toutes_les_sos =new ArrayList<Societe>();
	private int idSpec;
 
 
 
	private String raisonSociale;
 
	public String getRaisonSociale() {
		return raisonSociale;
	}
 
	public int getIdSpec() {
		return idSpec;
	}
 
	public List<Societe> getToutes_les_sos() {
		System.out.println("idspec = " + idSpec);
		return toutes_les_sos;
 
	}
 
	public void setToutes_les_sos(List<Societe> toutes_les_sos) {
		this.toutes_les_sos = toutes_les_sos;
	}
 
	public void setIdSpec(int idSpec) {
		this.idSpec = idSpec;
	}
 
	public void setRaisonSociale(String raisonSociale) {
		this.raisonSociale = raisonSociale;
	}
 
 
	public Long getIdSos() {
		return idSos;
	}
 
	public void setIdSos(Long idSos) {
		this.idSos = idSos;
	}
 
 
 
 
	@PostConstruct
	public void init(){
 
		toutes_les_sos= new DaoSociete().findAll();
 
	}
	public void changer(){
 
 
 
		toutes_les_sos=new DaoSociete().findByIdSpecialite(idSpec);
 
	}
 
 
}

page DAO:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
public List<Societe> findByIdSpecialite(int IdSpecialite){
 
		try {
			Query query = em.createQuery("select c from Societe c where c.SPECIALITE_ID=:id");
			query.setParameter("id", IdSpecialite);
			return (List<Societe>) query.getResultList();
		}catch(Exception e){
			e.printStackTrace();
			return null;
		}
	}

erreur:

Code:

1
2
3
 
java.lang.IllegalArgumentException: An exception occurred while creating a query in EntityManager: 
Exception Description: Error compiling the query [select c from Societe c where c.SPECIALITE_ID=:id], line 1, column 32: unknown state or association field [SPECIALITE_ID] of class [net.sispay.model.Societe].

aidez moi svp je suis dans une situation difficile .

13/06/2012, 11h36
omarcisses

Et pourtant l'erreur est clair il te dis que ton association specialite et societe ne marche pas tu as un problème de mapping ORM. le mapping comporte des erreurs est ce que tu as fait des tests unitaires pour regarder si ton mapping ORM marche bien ??

bon je suis débutante en jsf et j'ai pas bien compris ce que vous avez dis je pense que le MAP ça fonctionne bien pouvez vous m'expliquée plus

j'ai modifier l'evenement ONCHANGE dans le code XHTML :
Code:

1 2 3 4 5 6 <h:selectOneMenu value="#{societeBean.idSpec}" onchange="#{societeBean.changer}"> <f:selectItems value="#{specialiteBean.specMap}" /> <f:ajax update="@form"></f:ajax> </h:selectOneMenu>
et voila l'erreur qu'il m'affiche:

Code:

javax.el.PropertyNotFoundException: /page/Demande.xhtml @53,86 onchange="#{societeBean.changer}": Property 'changer' not found on type net.sispay.BeanNew.SocieteBean

13/06/2012, 12h31
omarcisses

Je m'explique tu as fait un mapping te permettant de faire la relation base/objet java. dans ton mapping tu as relation entre societe et specialité et le probleme vient de la. la relation est mal fait est ce que je peux voir le mapping entre tes deux objets

je pense que la relation entre les deux table est correcte je travail avec JPA voici la classe société et la classe spécialité :

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
 
public class Societe implements Serializable {
	private static final long serialVersionUID = 1L;
 
	@Id
	@GeneratedValue(strategy=GenerationType.SEQUENCE)
	private long id;
	private boolean actif;
	@Column(length=1000)
	private String adresse;
	private long codepostal;
    @Temporal(TemporalType.DATE)
	private Date datecreation;
	private String email;
	private String fax;
	private String pays;
	private String quartier;
	private String raisonSociale;
	private String responsable;
	private String telPortable;
	private String telFixe;
	private boolean validationCommentaire;
	private String ville;
	private boolean consultable;
 
	@ManyToOne
	private Specialite specialite;
 
    @OneToMany(mappedBy="societe")
    private List<Utilisateur> utilisateurs;
 
    @OneToMany(mappedBy="societe", cascade=CascadeType.ALL)
    private List<Logo> logos;
 
    @OneToMany(mappedBy="societe")
    private List<Publication> publications;
 
    @OneToMany(mappedBy="societe")
    private List<Produit> produits;
 
    @OneToMany(mappedBy="societe" , cascade=CascadeType.ALL)
    private List<AdminLocal> adminLocaux;
 
    @OneToMany(mappedBy="societe")
    private List<Demande> demandes;
 
    @OneToMany(mappedBy="societe")
    private List<Commande> commandes;
    public Societe() {}
 
	public long getId() {
		return id;
	}
 
	public void setId(long id) {
		this.id = id;
	}
 
	public boolean isActif() {
		return actif;
	}
 
	public void setActif(boolean actif) {
		this.actif = actif;
	}
 
	public String getAdresse() {
		return adresse;
	}
 
	public void setAdresse(String adresse) {
		this.adresse = adresse;
	}
 
	public long getCodepostal() {
		return codepostal;
	}
 
	public void setCodepostal(long codepostal) {
		this.codepostal = codepostal;
	}
 
	public Date getDatecreation() {
		return datecreation;
	}
 
	public void setDatecreation(Date datecreation) {
		this.datecreation = datecreation;
	}
 
	public String getEmail() {
		return email;
	}
 
	public void setEmail(String email) {
		this.email = email;
	}
 
	public String getFax() {
		return fax;
	}
 
	public void setFax(String fax) {
		this.fax = fax;
	}
 
	public String getPays() {
		return pays;
	}
 
	public void setPays(String pays) {
		this.pays = pays;
	}
 
	public String getQuartier() {
		return quartier;
	}
 
	public void setQuartier(String quartier) {
		this.quartier = quartier;
	}
 
	public String getRaisonSociale() {
		return raisonSociale;
	}
 
	public void setRaisonSociale(String raisonSociale) {
		this.raisonSociale = raisonSociale;
	}
 
	public String getResponsable() {
		return responsable;
	}
 
	public void setResponsable(String responsable) {
		this.responsable = responsable;
	}
 
	public String getTelPortable() {
		return telPortable;
	}
 
	public void setTelPortable(String telPortable) {
		this.telPortable = telPortable;
	}
 
	public String getTelFixe() {
		return telFixe;
	}
 
	public void setTelFixe(String telFixe) {
		this.telFixe = telFixe;
	}
 
	public boolean isValidationCommentaire() {
		return validationCommentaire;
	}
 
	public void setValidationCommentaire(boolean validationCommentaire) {
		this.validationCommentaire = validationCommentaire;
	}
 
	public String getVille() {
		return ville;
	}
 
	public void setVille(String ville) {
		this.ville = ville;
	}
 
	public boolean isConsultable() {
		return consultable;
	}
 
	public void setConsultable(boolean consultable) {
		this.consultable = consultable;
	}
 
	public Specialite getSpecialite() {
		return specialite;
	}
 
	public void setSpecialite(Specialite specialite) {
		this.specialite = specialite;
	}
 
	public List<Utilisateur> getUtilisateurs() {
		return utilisateurs;
	}
 
	public void setUtilisateurs(List<Utilisateur> utilisateurs) {
		this.utilisateurs = utilisateurs;
	}
 
	public List<Logo> getLogos() {
		return logos;
	}
 
	public void setLogos(List<Logo> logos) {
		this.logos = logos;
	}
 
	public List<Publication> getPublications() {
		return publications;
	}
 
	public void setPublications(List<Publication> publications) {
		this.publications = publications;
	}
 
	public List<Produit> getProduits() {
		return produits;
	}
 
	public void setProduits(List<Produit> produits) {
		this.produits = produits;
	}
 
	public List<AdminLocal> getAdminLocaux() {
		return adminLocaux;
	}
 
	public void setAdminLocaux(List<AdminLocal> adminLocaux) {
		this.adminLocaux = adminLocaux;
	}
 
	public List<Demande> getDemandes() {
		return demandes;
	}
 
	public void setDemandes(List<Demande> demandes) {
		this.demandes = demandes;
	}
 
	public List<Commande> getCommandes() {
		return commandes;
	}
 
	public void setCommandes(List<Commande> commandes) {
		this.commandes = commandes;
	}

classe spécialité:

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
public class Specialite implements Serializable {
 
	private static final long serialVersionUID = 1L;
 
	@Id
	@GeneratedValue(strategy=GenerationType.SEQUENCE)
	private long id;
	@Column(nullable=false)
	private String descriptionSpecialite;
 
	@OneToMany(mappedBy="specialite",cascade=CascadeType.MERGE)
	private List<Societe> societes;
 
    public Specialite() {}
 
 
 
	public long getId() {
		return id;
	}
 
	public void setId(long id) {
		this.id = id;
	}
 
 
 
	public String getDescriptionSpecialite() {
		return descriptionSpecialite;
	}
 
	public void setDescriptionSpecialite(String descriptionSpecialite) {
		this.descriptionSpecialite = descriptionSpecialite;
	}
 
	public List<Societe> getSocietes() {
		return this.societes;
	}
 
	public void setSocietes(List<Societe> societes) {
		this.societes = societes;
	}
 
}

Citation:

Envoyé par tifawa

Code:

javax.el.PropertyNotFoundException: /page/Demande.xhtml @53,86 onchange="#{societeBean.changer}": Property 'changer' not found on type net.sispay.BeanNew.SocieteBean

désolé car j'ai pas vu que tu avais un nouveau message d'erreur
Essaie ça et tu me dira
Code:

1 2 3 4 5 6 <h:selectOneMenu value="#{societeBean.idSpec}" > <f:selectItems value="#{specialiteBean.specMap}" /> <f:ajax event="change" render="ta parties de la page" listener="#{service.update}"/> </h:selectOneMenu>
code java
Code:

1 2 3 4 public void update(AjaxBehaviorEvent evt) { //Traitement }

13/06/2012, 14h07
tifawa
j'ai pas compris cette partie:
Code:

1 2 render="ta parties de la page"
que signifie cette phrase"ta parties de la page" cé une simple phrase ou bien je dois ajouter qlq chose

qu'est ce que je dois ajouter exactement svp???
13/06/2012, 14h40
NoClassDefFound

L'attribut render="" te permets de rafraîchir une ou plusieurs parties (composants de ta vue en fait) de ta page après exécution de la requête ajax.
Si par exemple il existe dans ta page un champ du genre <input type="text" id="monId1"/>, tu peux le rafraîchir en mettant render=":monForm:mondId1"
13/06/2012, 14h46
omarcisses

la partie de la page que tu veux mettre à jour exemple la liste des specialités

j'ai fais ce que vous m'avez dis mais il me donne le meme erreur de requete

Code:

Exception Description: Error compiling the query [select c from Societe c where c.SPECIALITE_ID=:id], line 1, column 32: unknown state or association field [SPECIALITE_ID] of class [net.sispay.model.Societe].

XHTML:

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
 
<h:form id="formulairecontact" method="post" action="Demande.xhtml" >
 
				<legend style="border-color: black; text-decoration: inherit;"></legend>
              <div style="margin-top: 15px">
 
				<h:outputText value="Selectionner Votre Choix: " />
 
				<h:selectOneMenu value="#{societeBean.idSpec}">
                <f:selectItems  value="#{specialiteBean.specMap}" 
                      />
 
               <f:ajax event="change"  render=":formulairecontact:id1"  listener="#{societeBean.changer}"/>
                    </h:selectOneMenu>
 
            </div>
	<br /><br />
 
 
 
 
				<p:dataTable style="width: 500px" paginator="true" id="id1"
headerClass="header" var="societe" value="#{societeBean.toutes_les_sos}"
styleClass="table">
<p:column>
<h:selectBooleanCheckbox value="true" />
</p:column>
<p:column>
<f:facet name="header">  
                    Societe  
            </f:facet>
            	<h:outputText value="#{societe.raisonSociale}" />
</p:column>
</p:dataTable><br/>
 
 
 
 
				<p:commandButton value="Envoyer la Demande" 
					 action="/Template/index.xhtml?faces-redirect=true" >
					</p:commandButton>
			</h:form>

DAO:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
public List<Societe> findByIdSpecialite(int IdSpecialite){
 
		try {
			Query query = em.createQuery("select c from Societe c where c.SPECIALITE_ID=:id");
			query.setParameter("id", IdSpecialite);
			return (List<Societe>) query.getResultList();
		}catch(Exception e){
			e.printStackTrace();
			return null;   
		}
	}

13/06/2012, 15h15
tifawa

aidez moi svp:!!!!!!!!!!!!!!!!!!!!!8O8O:zekill::zekill::zekill::zekill::ouin::ouin::ouin::ouin::ouin::scarymov::evilred::salive::heart::fleur2::mur::mur::mur::mur::pc:
13/06/2012, 15h21
omarcisses

Citation:

Envoyé par tifawa

j'ai fais ce que vous m'avez dis mais il me donne le meme erreur de requete

Code:

Exception Description: Error compiling the query [select c from Societe c where c.SPECIALITE_ID=:id], line 1, column 32: unknown state or association field [SPECIALITE_ID] of class [net.sispay.model.Societe].

Normal
c.SPECIALITE_ID n'existe pas mais plutôt c.id car dans ta classe specialité tu as mis id et non SPECIALITE_ID et dans ta requête tu as mis c.SPECIALITE_ID au lieu de c.id
13/06/2012, 15h30
NoClassDefFound
Tu as un problème entre le mapping Entité et le requêtage base de données, je m'explique.

Ta requête est de la forme "select c from Societe c where c.SPECIALITE_ID=:id" ce qui correspond à une requête SQL native.

Lorsque tu construit ta requête
Query query = em.createQuery("select c from Societe c where c.SPECIALITE_ID=:id");
tu construis en fait une requête JPA (Objet).
Cette requête JPA te permets de requêter sous forme objet et pas sous forme sql natif.
Par exemple, si tu veux récupérer une société pour une spécialité donnée, ton requêtage sera de la forme:
Code:

1 2 Query query = em.createQuery("select soc from Societe soc where soc.specialite.id=:idSpecialite");
Dans ton cas, le champs "SPECIALITE_ID" n'existe pas du point de vue objet, il n'existe que dans ta base de données. D'un point de vue objet, ton cmaps est mappé sur une propriété nommée id;

public class Specialite implements Serializable {
@Id
@GeneratedValue(strategy=GenerationType.SEQUENCE)
private long id;
13/06/2012, 15h39
NoClassDefFound
Tu as un problème entre le mapping Entité et le requêtage base de données, je m'explique.

Ta requête est de la forme "select c from Societe c where c.SPECIALITE_ID=:id" ce qui correspond à une requête SQL native.

Lorsque tu construis ta requête
Query query = em.createQuery("select c from Societe c where c.SPECIALITE_ID=:id");
tu construis en fait une requête JPA (Objet).
createQuery crée une requête JPA ce qui te permets de requêter sous forme objet et pas sous forme sql natif.

Dans ton cas, le champs "SPECIALITE_ID" n'existe pas du point de vue objet, il n'existe que dans ta base de données. Au niveau de ton entité Specialite, l'identifiant est mappé sur la propriété id.
Code:

1 2 3 4 5 public class Specialite implements Serializable { @Id @GeneratedValue(strategy=GenerationType.SEQUENCE) private long id;
Si tu veux récupérer les sociétés par spécialité, ton requêtage sera de la forme:
Code:

1 2 Query query = em.createQuery("select soc from Societe soc where soc.specialite.id=:idSpecialite");
Autrement, je ne peux que te suggérer de redéfinir les méthodes equals() et hashCode() dans tes entités et de transformer tes identitifants primitifs (long) en objet (Long)
13/06/2012, 15h41
tifawa

mais dans ma table Societe j'ai un champs SPECIALITE_ID qui est un clé etranger et dans la table Specialite j'ai deux champs: ID,DESCRIPTIONSPECIALITE

Voir 40 message(s) de cette discussion en une page