Problème affichage datatable

**caneman** · 19/02/2008, 16h21

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

**tchize_** · 19/02/2008, 23h55

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

**caneman** · 20/02/2008, 09h28

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

association.jsp :

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

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

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

**tchize_** · 20/02/2008, 23h00

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)

**seddik_saber** · 21/02/2008, 09h52

code de la classe view??

**heid** · 21/02/2008, 10h18

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.

**caneman** · 21/02/2008, 14h50

Ok j'avais pas compris pour le code html

Donc le voici :

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

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

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 :

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

**heid** · 21/02/2008, 15h22

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?

**caneman** · 22/02/2008, 10h26

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

2- Voici le code de Association.java qui contient getAdherents() :

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

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

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

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

SimpleModel.java :

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

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

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é

**heid** · 22/02/2008, 10h35

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.

**caneman** · 22/02/2008, 14h10

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 ? )

**heid** · 22/02/2008, 14h28

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.

**caneman** · 22/02/2008, 14h53

Ok donc j'avais pas tout compris

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.

**heid** · 22/02/2008, 15h00

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).

**caneman** · 22/02/2008, 15h45

Le problème est tjs présent

**heid** · 22/02/2008, 16h08

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.

**caneman** · 22/02/2008, 16h24

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.

**heid** · 22/02/2008, 16h36

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.

**caneman** · 25/02/2008, 09h42

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

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