Discussion :

[danyboy85]

Bonjour,

j'utilise un <h:dataTable> pour afficher des éléments sur une page JSF. L'objectif est d'afficher un formulaire de saisie.

Code :

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

1
2
3
4
5
6
7
8
<h:dataTable value="#{monBean.maListe}" var="monObjet">
	<h:column>
		<h:outputText value="#{monObjet.label}" />
	</h:column>
	<h:column>
		<h:inputText value="#{monObjet.value}" />
	</h:column>
</h:dataTable>

Le problème, c'est que les couples "Label + Zone de texte" sont affichés les uns en dessous des autres :

Code :

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

1
2
3
4
5
 
Matricule :       [        ]
Nom :             [        ]
Prénom :          [        ]
Adresse :         [        ]

J'aimerais par exemple afficher sur chaque ligne du tableau 2 couples "Label + Zone de texte" :

Code :

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

1
2
3
 
Matricule :       [      ]       Nom :             [      ]
Prénom :          [      ]       Adresse :         [      ]

Est-ce que cela est possible et si oui comment ?

Merci d'avance

[romaintaz]

Euh, je ne sais pas si le dataTable est vraiment le composant le plus adapté dans ton cas...
Toujours est-il qu'il doit être possible de ruser, par exemple en faisant en sorte que l'objet monObjet conserve 2 champs et 2 valeurs à la place d'une seule.

En gros, ça ferait :

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
 
<h:dataTable value="#{monBean.maListe}" var="monObjet">
	<h:column>
		<h:outputText value="#{monObjet.label1}" />
	</h:column>
	<h:column>
		<h:inputText value="#{monObjet.value1}" />
	</h:column>
	<h:column>
		<h:outputText value="#{monObjet.label2}" />
	</h:column>
	<h:column>
		<h:inputText value="#{monObjet.value2}" />
	</h:column>
</h:dataTable>

Maintenant, je trouve ça pas vraiment propre, d'où mon questionnement sur le choix du composant...

[danyboy85]

Je suis d'accord sur le fait que que le composant dataTable n'est sûrement pas adapté pour faire cela mais je ne vois pas quel autre composant JSF utiliser... Une idée ?

Toujours est-il qu'il doit être possible de ruser, par exemple en faisant en sorte que l'objet monObjet conserve 2 champs et 2 valeurs à la place d'une seule.

Cette solution de va pas me convenir car là j'ai donné un exemple mais dans d'autres pages je peux très bien vouloir afficher 3 champs sur la prmière ligne, puis 2 en-dessous puis 4...

[romaintaz]

Cette solution de va pas me convenir car là j'ai donné un exemple mais dans d'autres pages je peux très bien vouloir afficher 3 champs sur la prmière ligne, puis 2 en-dessous puis 4...

Ce qui me fait vraiment dire que le composant dataTable est inadapté à ce que tu veux faire.
Je te conseille plutôt d'utiliser des panelGrid...

[danyboy85]

Je te conseille plutôt d'utiliser des panelGrid...

Oui mais le panelGrid ne permet pas de boucler sur une liste comme le fait un dataGrid


Tout compte fait, et après maintes recherches, je pense que le mieux est de créer mon propre composant qui étend dataGrid (ou pas) et où je spécifie mon propre Renderer, même si je pense que je vais galérer

[romaintaz]

Je suis conscient que le panelGrid ne permet pas d'itérer sur ta liste. D'un autre côté, j'ai un peu l'impression que tu as pas mal de cas différents lors du rendu de ta page (un coup j'affiche 2 couples par ligne, un autre coup c'est 4, etc.).

De ce fait, je doute qu'un composant itérable soit vraiment une bonne solution...

[danyboy85]

Tu as raison, c'est d'ailleurs pour cela qu'il faut mieux que je crée mon propre Renderer qui à l'aide des valeurs que je lui passerai en paramètre, me générera le rendu voulu

En tout cas merci pour ton aide. Je posterais ici lorsque j'aurai quelque chose de concret

Bonne journée