Discussion :

[benji19]

Bonjour,
Je voudrais afficher une liste avec la balise <h:dataTable>.
J'ai plusieurs questions sur cette balise :

1- Comment indique-t-on pour chaque case du tableau une class de CSS différente? Je sais que l'on peut taper ça :

Code :

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

1
2
3
4
5
6
7
 
<h:dataTable 
  columnClasses="list-column-center, list-column-left, list-column-left,
                         list-column-right, list-column-center"
   headerClass="list-header"
   footerClass="list-footer"
   rowClasses="list-row-even, list-row-odd">

mais je voudrais des classes différentes pour chaque "row".

2- Comment fait- ton pour indiquer les "colspan" ou les "rowspan"?

3- Tous les exemples que j'ai vu on commencait par indiquer les <h:column> (donc les colonnes <TD> en HTML) puis les <f:facet> (est-ce que ça correspond aux "row" <TR>?). Peut-on commencer par les lignes d'abord puis les colonnes?

4- Et pour finir je voudrais imbriquer une datatable dans une autre.Est-ce que c'est assez simple?

Code :

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

1
2
3
4
5
6
 
<h:datatable value="#{liste}" var="element">
    <h:column>
          <h:datatable value="#{element.liste2}" var="element2">
     </h:column>
</h:datatable>

Merci d'avance.

[Shivan]

1- En faites avec Rowclasses et ColumnClasses tu definit les styles de chacune des lignes de façon répétitives. Dans ton exemple rowClasses="list-row-even, list-row-odd">, ça va faire : 1ere ligne du tableau=list-row-even, 2eme ligne du tableau :list-row-odd et ensuite pour la 3eme ligne on revient au debut des styles (c-a-d list-row-even).
Si tu avait definit 4 styles dans ta rowclasses ça aurait fait : ligne 1 : style 1, ligne 2 : style 2, ligne 3 : style 3, ligne 4 : style 4 et puis on revient à style 1.
Donc pour avoir des classes différentes pour chaque row, tu definit autant de style que tu as de row.

2- Aucune idée. je ne suis pas sur que ce soit possible.

3- D'apres mon experience (qui n'est pas enorme), on ne peut pas definir la datatable par les lignes. ça pose d'ailleurs plusiseurs problemes.
En ce qui concerne les facet : Ce tag permet de définir des éléments particuliers d'un composant. Il est par exemple utilisé pour définir les lignes d'en-tête et de pied de page des tableaux. en pratique ça correspond à <th>.

4- je n'ai jamais essayé mais je pense que ça doit pas poser de probléme.

[benji19]

Merci pour la réponse.
J'ai essayé en mettant du code HTML entre les balises <h:dataTable>

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
 
<h:dataTable id="table1" var="compte" value="#{donnees.listeComptesAuDebit.array}" border="0" bgcolor="white" cellpadding="0">
		<h:column id="column7">
			<table cellspacing="0" cellpadding="0">
				<TR height="8">
						<TD class="cv_upleft"></TD>
						<TD class="cv_up"></TD>
						<TD class="cv_up"></TD>
						<TD class="cv_up"></TD>
						<TD class="cv_upright" valign="top"></TD>
				</TR>
				<TR>
					<TD class="cv_left"></TD>
					<TD bgcolor="#ffffff" align="center" valign="center" colspan="3">
						<SPAN class="UniversInvTitle">
							<fmt:message key="dvpn.accuse.compte_debit" bundle="${accuse}" />
							<h:outputText id="text15" value="#{compte.numero}"
								styleClass="outputText">
							</h:outputText>
						</SPAN>
					</TD>
					<TD class="cv_right"></TD>				
				</TR>
				<TR height="8">
					<TD class="cv_downleft"></TD>
					<TD class="cv_down"></TD>
					<TD class="cv_down"></TD>
					<TD class="cv_down"></TD>
					<TD class="cv_downright"></TD>
				</TR>
			</table>	
		</h:column>
	</h:dataTable>

mais ça donne ça :

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
 
 
<table cellspacing="0" cellpadding="0">
    <TR height="8">
	<TD class="cv_upleft"></TD>
	<TD class="cv_up"></TD>
	<TD class="cv_up"></TD>
	<TD class="cv_up"></TD>
	<TD class="cv_upright" valign="top"></TD>
    </TR>
 
    <TR>
	<TD class="cv_left"></TD>
        <TD bgcolor="#ffffff" align="center" valign="center" colspan="3">
		<SPAN class="UniversInvTitle">
			Au débit du compte			
		</SPAN>
	</TD>
	<TD class="cv_right"></TD>				
      </TR>
     <TR height="8">
	<TD class="cv_downleft"></TD>
	<TD class="cv_down"></TD>
	<TD class="cv_down"></TD>
        <TD class="cv_down"></TD>
	<TD class="cv_dow nright"></TD>
    </TR>
</table>	
 
<table id="table1" bgcolor="white" border="0" cellpadding="0">
<tbody>
<tr>
 
<td><span id="table1:0:text15" class="outputText">30004018870000900502095</span></td>
</tr>
</tbody>
</table>

compte.numero a été affiché dans un autre tableau aprés le premier tableau alors que je voudrais qu'il s'affiche à l'interieur du premier tableau.

Si quelqu'un a une idée merci d'avance.

[Shivan]

Si tu met du code Html dans ton datatable, ça ne merche pas (comme tu as pu voir). Les datable n'accepte que des balises JSF.

Si tu veux mettre un tableau dans ton datable, tu peux essayer avec <h:pannelgrid> mais ce tag n'est pas tres pratique
Sinon tu n'utilise pas de datable mais seulement des tables HTML classique.

Ah sinon tu peux essayer de mettre ta table entre les balises <f:verbatim> </f:verbatim>. Mais la je ne sais pas du tout qu'elle resultat ça peut donner....

[benji19]

Mais si tu veux mettre plusieurs lignes à chaque itération du datatable ce n'est pas possible?

[benji19]

J'ai trouvé comment inclure du code HTML dans la balise <h:datatable> :
il faut encadrer le code HTML par la balise <hx:jspPanel>

[Shivan]

Ah ça risque de m'etre utile ça. Moi j avais pas reussi à integrer du code HTML dans la datatable.

Est ce que tu connais un site qui recense les différents tags <hx> ?

en tout cas merci pour l'info

[benji19]

Non désolé j'en ai pas trouvé.C'est RAD qui m'a donné cette balise!!
Bon courage