Problème affichage datatable

Version imprimable

19/02/2008, 16h21
caneman

Problème affichage datatable

Bonjour,

J'ai fait le tour des sujets identiques sur le forum et je n'ai pas trouvé de problèmes identiques.

Dans mon cas, tout le tableau s'affiche bien sauf la première cellule qui est systématiquement nulle. Par contre, si j'actualise la page, le tableau est bien affiché en entier :?

J'ai cherché tout seul dans mon coin mais avec mes très faibles connaissances en JSF, je n'ai pas résolu le problème. Tout le code est tiré de ce tutorial, dans la partie "JSF et le modèle MVC" : htpp://www.atolcd.com/uploads/media/...F_atol_web.pdf

Si vous avez besoin du code, je vous le mettrais mais je n'ai rien changé d'autre que la structure des répertoires.

Si vous avez la solution, ça me soulagerait énormément :)
19/02/2008, 23h55
tchize_

besoin de ton code jsf (la partie avec h:datatable) et d'une partie de ton code html dans sa version foireuse (à partir du <table> jusqu'au deuxième <tr> on va dire)

Sans çà, pas possible de t'aider :)

Je vous mets le code mais par contre, ya pas de partie html, ya que du jsf :

association.jsp :

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
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
 
<f:view>
	<h3>Association des footballeurs</h3>
	<h:form>
		<h:dataTable binding="#{assocCtrl.view.dataTable}"
			value="#{assocCtrl.model.datas.adherents}" var="personne" border="1">
			<h:column>
				<h:selectBooleanCheckbox binding="#{assocCtrl.view.checkbox}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<f:verbatim>Nom</f:verbatim>
				</f:facet>
				<h:outputText value="#{personne.nom}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<f:verbatim>Prénom</f:verbatim>
				</f:facet>
				<h:outputText value="#{personne.prenom}" />
			</h:column>
		</h:dataTable>
		<br />
		<h:commandButton value="Supprimer adhérent"
			action="#{assocCtrl.removeSelectedPersonnes}" />
		<h:commandButton value="Ajouter adhérent" action="Ajout" />
	</h:form>
</f:view>

faces-config.xml :

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
<?xml version="1.0" encoding="UTF-8"?>
 
<faces-config>
	<navigation-rule>
		<from-view-id>/screens/association.jsp</from-view-id>
		<navigation-case>
			<from-outcome>Ajout</from-outcome>
			<to-view-id>/screens/ajout.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>
	<navigation-rule>
		<from-view-id>/screens/ajout.jsp</from-view-id>
		<navigation-case>
			<from-outcome>Liste</from-outcome>
			<to-view-id>/screens/association.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>
 
	<managed-bean>
		<managed-bean-name>personne</managed-bean-name>
		<managed-bean-class>beans.Personne</managed-bean-class>
		<managed-bean-scope>session</managed-bean-scope>
	</managed-bean>
	<managed-bean>
		<managed-bean-name>assoc</managed-bean-name>
		<managed-bean-class>beans.Association</managed-bean-class>
		<managed-bean-scope>session</managed-bean-scope>
	</managed-bean>
	<managed-bean>
		<managed-bean-name>assocCtrl</managed-bean-name>
		<managed-bean-class>beans.AssociationListController</managed-bean-class>
		<managed-bean-scope>session</managed-bean-scope>
	</managed-bean>
</faces-config>

AssociationListController.java :

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
package beans;
 
import beans.Association;
import beans.Personne;
 
public class AssociationListController implements Controller {
	private Model model;
	private View view;
	private Personne personne;
 
	public AssociationListController() {
		this.personne = new Personne();
		this.model = new SimpleModel();
		this.view = new ListView();
		this.model.setDatas(new Association());
	}
 
	public Personne getPersonne() {
		return this.personne;
	}
 
	public void setPersonne(Personne pers) {
		this.personne = pers;
	}
 
	public View getView() {
		return this.view;
	}
 
	public void setView(View view) {
		this.view = view;
	}
 
	public Model getModel() {
		return this.model;
	}
 
	public void setModel(Model model) {
		this.model = model;
	}
 
	public void removeSelectedPersonnes() {
		System.out.println("Suppression d'une personne ...");
		Association assoc = (Association) getModel().getDatas();
		assoc.getAdherents().removeAll(getView().getSelectedObjects());
	}
 
	public void addPersonne() {
		System.out.println("Insertion d'une nouvelle personne ...");
		Association assoc = (Association) getModel().getDatas();
		assoc.getAdherents().add(this.personne);
		System.out.println("Adhérents : " + assoc.getAdherents());
	}
}

Voilà les fichiers principaux, les autres fichiers n'ont rien d'exceptionnels mais si vous en avez besoin je peux vous les mettre aussi. Et si vous voulez pas attendre que je les mette, vous pouvez regarder le tutorial htpp://www.atolcd.com/uploads/media/...F_atol_web.pdf parce que c'est du copier-coller que j'ai fait.

Merci d'avance

20/02/2008, 23h00
tchize_

Citation:

Envoyé par caneman

Je vous mets le code mais par contre, ya pas de partie html, ya que du jsf :

T'as dit avoir un problème avec un cellule "vide" lors du premier affichage, il faudrait que tu poste le html correspondant (fichier -> source dans ton navigateur) histoire d'avoir une bonne idée du problème :)

Aussi, t'as vérifié que le problème ne serait pas du à ton navigateur qui foirerait (genre essayer avec un autre navigateur)
21/02/2008, 09h52
seddik_saber

code de la classe view??
21/02/2008, 10h18
heid

Comme te l'a dit le fromage, c'est le colde html source de la page renvoyée à ton navigateur web qui nous intéresse et non pas la version dans ton ide.

Ok j'avais pas compris pour le code html :oops:

Donc le voici :

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
<h3>Association des footballeurs</h3>
 
<form id="j_id_jsp_449874028_1" name="j_id_jsp_449874028_1" method="post" action="/JsfTestPersonneMvc/screens/association.jsf;jsessionid=3ED0119DB3563B5C0E1328F54835E04E" enctype="application/x-www-form-urlencoded">
    <input type="hidden" name="j_id_jsp_449874028_1" value="j_id_jsp_449874028_1" />
    <table border="1">
        <thead>
            <tr>
            <th scope="col"></th>
            <th scope="col">Nom</th>
            <th scope="col">Prénom</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="checkbox" name="j_id_jsp_449874028_1:j_id_jsp_449874028_2:0:j_id_jsp_449874028_4" /></td>
                <td></td>
                <td>Cristiano</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="j_id_jsp_449874028_1:j_id_jsp_449874028_2:1:j_id_jsp_449874028_4" /></td>
                <td>ZIDANE</td>
                <td>Zinedine</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="j_id_jsp_449874028_1:j_id_jsp_449874028_2:2:j_id_jsp_449874028_4" /></td>
                <td>FIGO</td>
                <td>Luis</td>
            </tr>
            <tr>
                <td><input type="checkbox" name="j_id_jsp_449874028_1:j_id_jsp_449874028_2:3:j_id_jsp_449874028_4" /></td>
                <td>MOREIRA</td>
                <td>Ronaldo</td>
            </tr>
        </tbody>
    </table>
    <br />
    <input type="submit" name="j_id_jsp_449874028_1:j_id_jsp_449874028_11" value="Supprimer adh&eacute;rent" /><input type="submit" name="j_id_jsp_449874028_1:j_id_jsp_449874028_12" value="Ajouter adh&eacute;rent" /><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="j_id1:j_id2" />
</form>

On voit bien que la cellule est vide. Par contre quand je réactualise la page, c'est bien rempli.

Sinon comme seddik_saber l'a demandé, le code de la classe View :

Code:

1
2
3
4
5
6
7
package beans;
 
import java.util.List;
 
public interface View {
	public List<Object> getSelectedObjects();
}

Mais ça doit plutôt être le code de la classe ListView qui implément View qui doit être intéressant :

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
package beans;
 
import java.util.ArrayList;
import java.util.List;
import javax.faces.component.UIData;
import javax.faces.component.UISelectBoolean;
 
public class ListView implements View {
	private UIData dataTable;
	private UISelectBoolean checkbox;
 
	public ListView() {
	}
 
	public UIData getDataTable() {
		return this.dataTable;
	}
 
	public void setDataTable(UIData dataTable) {
		this.dataTable = dataTable;
	}
 
	public UISelectBoolean getCheckbox() {
		return this.checkbox;
	}
 
	public void setCheckbox(UISelectBoolean checkbox) {
		this.checkbox = checkbox;
	}
 
	@SuppressWarnings("unchecked")
	public List<Object> getSelectedObjects() {
		int size = this.dataTable.getRowCount();
		List<Object> datas = (List) this.dataTable.getValue();
		List<Object> selectedObjects = new ArrayList<Object>();
		for (int i = 0; i < size; i++) {
			this.dataTable.setRowIndex(i);
			if (this.checkbox.isSelected()) {
				selectedObjects.add(datas.get(i));
			}
		}
		return selectedObjects;
	}
 
	public String toString() {
		String ret = "";
		ret += this.dataTable == null ? this.dataTable : this.dataTable.getValue();
		ret += " " + this.checkbox;
		return ret;
	}
}

Voila, j'espère que ça va vous aider parce que pas moi :)

21/02/2008, 15h22
heid

C'est clair que c'est troublant.
1 - As tu quelque chose dans la console de ton srv web (comme un warning).
2 - peux tu nous montrer le code de assocCtrl.model.datas.adherents ?
3 - Si tu met un point d'arrès dans cette méthode (assocCtrl.model.datas.adherents), peux tu vérifier que lors du premier appel le nom de la personne n'est pas vide?
4 - tu recharges à chaque actualisation de ta page la liste, c'est normal (utilises un save state et un lazy loading)?
5 - Si tu tentes un setValue(assocCtrl.model.datas.getAdherents()) sur ton datatable dans le back bean, le problème se produit-il?
6 - Si tu ajoutes le composant faces-trace à ta page , affiche t'il une erreur quelconque?

1- Aucun Warning ni rien du tout d'autre dans la console

2- Voici le code de Association.java qui contient getAdherents() :
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 package beans; import java.util.ArrayList; import beans.Personne; public class Association { private ArrayList<Personne> adherents = new ArrayList<Personne>(); public Association() { this.adherents.add(new Personne("RONALDO", "Cristiano")); this.adherents.add(new Personne("ZIDANE", "Zinedine")); this.adherents.add(new Personne("FIGO", "Luis")); this.adherents.add(new Personne("MOREIRA", "Ronaldo")); } public ArrayList<Personne> getAdherents() { return this.adherents; } public void setAdherents(ArrayList<Personne> adherents) { this.adherents = adherents; } public void removeAdherent(Personne adhe) { this.adherents.remove(adhe); } public void addAdherent(Personne adhe) { this.adherents.add(adhe); } public String toString() { return this.adherents.size()+" "+this.adherents; } }
Je vous mets le code des autres classe aussi.
Personne.java :
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 package beans; public class Personne { private String nom = ""; private String prenom = ""; public Personne() { } public Personne(String nom, String prenom) { this.nom = nom; this.prenom = prenom; } public String getNom() { return this.nom; } public void setNom(String nom) { this.nom = nom; } public String getPrenom() { return this.prenom; } public void setPrenom(String prenom) { this.prenom = prenom; } public String toString() { return this.nom + " " + this.prenom; } }
Model.java :
Code:

1 2 3 4 5 6 7 package beans; public interface Model { public Object getDatas(); public void setDatas(Object object); }
SimpleModel.java :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 package beans; public class SimpleModel implements Model { public Object datas; public SimpleModel() { } public Object getDatas() { return this.datas; } public void setDatas(Object object) { this.datas = object; } public String toString() { return this.datas.toString(); } }
Controleur.java :
Code:

1 2 3 4 5 6 7 8 9 10 package beans; import beans.Model; import beans.View; public interface Controller { public Model getModel(); public View getView(); }
Avec ça, j'ai du vous mettre tous les codes que j'ai.

3- J'ai fait différents tests et lors du premier appel, la 1ère personne est vide (quand on fait #{personne.nom}). Mais pour la récupération du prénom juste après, il n'est plus vide :?

4- les rechargements ne sont pas systémtiques, j'en ai juste un fait pour tester au début et j'ai vu que la table était correctement remplie.
Sinon j'avoue que étant totalement débutant, je n'ai pas compris la question avec le save state et le lazy loading.

5- Pareil que la 4 : étant débutant je n'ai pas compris ce que tu voulais que je fasse. Est-ce que je dois mettre le setValue(assocCtrl.model.datas.getAdherents()) dans ma datatable ?

6- J'ai essayé d'ajouter le FacesTrace mais maintenant ma page est totalement vide. Ca vient surement du fait que je l'ai mal installé

22/02/2008, 10h35
heid

Pour le point 5 , ajoutes un bouton sumbmit pointant sur une nouvelle méthode
qui récupère le datatable via le binding et qui lui fait un setvalue du tableau de comédiens .... joueur de foot.

Dans le back bean, supprime l'attibut value de ton datatable. Vérifies si le premier nom est toujours vide avec cette technique.
22/02/2008, 14h10
caneman

J'ai essayé de faire tout ce que tu m'as dit mais vu mon faible niveau, je suis pas certain du résultat. Faut dire je maitrise pas encore les concepts (back bean, binding...)

Au final, quand je clique sur mon bouton submit, j'ai bien toutes les valeurs que la datatable devrait contenir, sans case vide.

Apres j'ai enlevé l'attribut value de la datatable et donc ma colonne est vide à l'écran (normal) mais maintenant c'est la premiere cellule du prénom qui est vide (le problème s'est déplacé :? ).
( Pour enlever l'attribut, je l'ai effacé de cette ligne : <h:outputText value="#{personne.nom}" />. C'est ça qu'il fallait faire ? )
22/02/2008, 14h28
heid

En fait je pensait à enlever l'attribut value dans le <h:datatavle value = > , mais ce que tu as fait à produit un résultat très étrange. Tu confirmes dont que de faire un setValue fonctionne correctement?

tu peux mettre un point d'arrêt dans la méthode getPrenom() de ta classe personne, en toute logique, il devrait passer en premier pour le cas qui pose problème. regarde dès lors en inspectant la valeur que le prénom est bien renseigné.

Pour résumer quand tu lances ta page le DataTable devrait être vide et s' initialiser que quand tu clique sur ton submit.
22/02/2008, 14h53
caneman

Ok donc j'avais pas tout compris :oops:

Maintenant j'ai tout bien fait comme il faut (enfin je crois), et finalement le setValue ne marche pas plus : j'ai toujours ma premiere cellule de vide :(

Sinon j'ai mis les points d'arret et on passe en premier dans le getNom et pas dans le getPrenom. D'ailleurs, la premiere fois, dans le getNom, l'objet Personne a les valeurs par défaut (les 2 chaines vides pour le nom et prénom) et pas les valeurs de la première ligne du tableau alors que dans le premier getPrenom les valeurs sont correctes.
22/02/2008, 15h00
heid

Dans ta classe Association dans ta méthode getAdherents() crée plutôt en variable locale une nouvelle arraylist de personne que tu initialise et renvoi cette liste créée et non celle déclarée en global (même si ça va a l'encontre de ton site c'est juste pour tester).
22/02/2008, 15h45
caneman

Le problème est tjs présent :(
22/02/2008, 16h08
heid

Si tu met un point d'arrêt dans ton getAdherents , tout est correct, mais dans le premier getPrenom ou getNom (lancé par le datatable), la valeur est vide ????

ps: au passage implémente la fonction equal et hashcode de ta classe personne.
22/02/2008, 16h24
caneman

C'est exactement ça :
dans getAdhérents tout est nickel
dans le premier getNom, le nom et le prénom sont des chaines vides
dans le premier getPrenom, le nom et le prénom sont corrects.
22/02/2008, 16h36
heid

Ajoutes un deuxième tableau à coté que tu refais de zéro.avec seulement le nom, prénom sans la check box.

Si il s'affiche correctement essaies de virer la checkbox dans le premier tableau. Si ça marche encore, remet la checkbox mais sans la propriété binding. Si ça marche encore joues au loto.
25/02/2008, 09h42
caneman

Désolé de répondre seulement maintenant mais je n'avais pas les sources avec moi ce week end.

En tout cas, j'ai suivi ton conseil et maintenant je suis millionnaire :roi:

Bon en fait c'est pas vrai (et pas drole non plus). Le problème est toujours là si je fais un deuxieme tableau où j'enleve la checkbox :cry:
25/02/2008, 10h09
heid

Donc dans le 2 ème tableau tu as aussi la case vide?
25/02/2008, 10h18
caneman

Exactement
25/02/2008, 10h47
heid

crée une nouvelle page a coté, avec juste le datatable basique sans checkbox.
25/02/2008, 11h02
caneman

Là ça marche, la case n'est plus vide :?
25/02/2008, 11h45
heid

Bon , et bien repars de cette page en ajoutant petit à petit des élements jusqu'à comprendre le delta entre tes deux pages.

et donnes moi la réponse !
25/02/2008, 11h59
caneman

Bon en fait erreur de manipulation de ma part :oops: ça marche pas mieux :( Ya toujours le probleme de la case vide dans la nouvelle page.

Sinon, si ça peut aider, j'ai essayé de mettre des valeurs en dur dans mon tableau et là ça passe, pas de case vide :?
25/02/2008, 12h05
heid

Et bien la je sèche.

Fait simplement un back bean qui te retourne un nouveau tableau de personne.
et pas un nom a rallonge. genre testBackBean que tu déclares dans le faces.xml.
25/02/2008, 14h01
caneman

La case vide est malheureusement toujours présente.
25/02/2008, 14h50
heid

Bon la je vois pas.
Passes en asp.net tu aura moins d'emm.... ;)
25/02/2008, 15h00
caneman

Oula c'est pas sûr.

Mais bon c'est pas grave, c'était juste un test pour comment jsf marchait (ou plutot marchait pas).

Je te remercie de t'être penché sur cet étrange problème.
25/02/2008, 22h56
tchize_
Juste comme çà, dans ta page JSF:
Code:

1 2 3 <h:dataTable binding="#{assocCtrl.view.dataTable}" value="#{assocCtrl.model.datas.adherents}" var="personne" border="1">
Y aurait pas un conflit avec ton managed bean "personne" par hasard. Genre au premier appel il utilise le managed bean (pas initialisé), lors des appels suivant il utilise la variable "personne" définie par le datatable???

Suggestion, remplace var="personne" par var="p" et fait de même pour dans tes expression. Cà devrait résoudre ton problème :)
26/02/2008, 09h16
heid

pas faux du tout, tu as l'œil cheeez
26/02/2008, 11h53
caneman

Effectivement, tu as l'oeil et le bon. Ca marche nickel maintenant.
Un grand merci à toi tchize_ :ave:

Pour fêtre ça, je m'en vais mettre un petit Résolu tiens.
11/07/2011, 15h07
frynt

Merci au passage ! Gare à ce genre de problème :)