Discussion :

[jadey]

Hello les gens,
quand je mets un <layout:date> dans un <layout:datagrid> ou un <layout:collection> j'ai un rendu avec les colonnes qui se chevauchent.
Voici mon code:

Code :

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

1
2
3
4
<layout:collection sortAction="client" styleClass="paire" styleClass2="impaire" height="<%=Constants.MAX_COLLECTION_HEIGHT%>"  bundle="labelScreen" emptyKey="page.struts_layout.collection.vide" property="list" name="couForm" styleClass="FORM">
				<layout:date property="couDate" bundle="labelScreen" key="page.user.grid.label.compute_date" maxlength="10" size="8" styleClass="DATAGRID" mode="E,E,E" />			
				<layout:collectionItem sortable="true" title="COU" property="rohTfer" />
			</layout:collection>

Est-ce la bonne manière de procéder ?
Merci pour toutes vos contributions.

[c_nvy]

Il faut mettre le tag layout:date dans un tag layout:collectionItem.

Par contre, la propriété couDate est-elle une propriété de l'ActionForm ou une propriété des objets constituant la collection ?
Comme l'utilisateur va pouvoir sélectionner une date pour chaque objet de la collection, il va falloir indexer cette propriété.

soit couDate est une propriété de l'ActionForm par exemple de type String[] :

Code :

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

1
2
3
4
5
6
<layout:collection property="list" indexId="index" sortAction="client" styleClass="paire" styleClass2="impaire" height="<%=Constants.MAX_COLLECTION_HEIGHT%>"  bundle="labelScreen" emptyKey="page.struts_layout.collection.vide" styleClass="FORM">
	<layout:collectionItem title="Date">
		<layout:date property="couDate[${index}]" bundle="labelScreen" key="page.user.grid.label.compute_date" maxlength="10" size="8" styleClass="DATAGRID" mode="E,E,E" />			
	</layout:collectionItem>
	<layout:collectionItem sortable="true" title="COU" property="rohTfer" />
</layout:collection>

soit couDate est une propriété des objets constituant la collection list :

Code :

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

1
2
3
4
5
6
<layout:collection property="list" indexId="index" sortAction="client" styleClass="paire" styleClass2="impaire" height="<%=Constants.MAX_COLLECTION_HEIGHT%>"  bundle="labelScreen" emptyKey="page.struts_layout.collection.vide" styleClass="FORM">
	<layout:collectionItem title="Date">
		<layout:date property="list[${index}].couDate" bundle="labelScreen" key="page.user.grid.label.compute_date" maxlength="10" size="8" styleClass="DATAGRID" mode="E,E,E" />			
	</layout:collectionItem>
	<layout:collectionItem sortable="true" title="COU" property="rohTfer" />
</layout:collection>

[jadey]

Ok c'est très clair.
1- j'ai encore un soucis. Voici le résultat:

2- Est-il possible en bidouillant le fichier tld de faire en sorte que les datagrid aussi accèptent que leur body contienne quelque chose, autrement dit qu'on puisse mettre un <layout:date/> dedans ?

[c_nvy]

1. Ah oui pardon, dans le code que j'ai posté, j'ai oublié d'ajouter l'attribut layout="false" dans le tag layout:date, afin que le tag ne génère pas le code de disposition HTML :

Code :

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

1
2
3
<layout:collectionItem title="Date">
	<layout:date property="couDate[${index}]" layout="false" bundle="labelScreen" key="page.user.grid.label.compute_date" maxlength="10" size="8" styleClass="DATAGRID" mode="E,E,E"/>			
</layout:collectionItem>

2. Si le tag n'a pas été écrit pour fonctionner avec un body, je ne pense pas que ça puisse fonctionner simplement en modifiant la tld.
Mais bon, ça vaudrait peut-être le coup de le tester.

[jadey]

2_ pas besoin de modifier le tld j'ai remplacé le collectionItem par un datagridText pour mon datagrid et ça marche. Tu m'a mis sur la piste.
1_ ça marche pour <layout:collectionItem> mais c'est pas encore tout à fait ça pour mon datagrid. Je vous tiens au courant.

[jadey]

Voici le résultat:
imagik.fr
du code suivant:

Code :

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

1
2
3
4
5
<layout:datagrid indexId="index" styleClass="DATAGRID" selectionAllowed="true" multipleSelectionAllowed="true" model="datagrid" property="dtg">
 
				<layout:datagridText width="5" title="COMPUTE DATE">
				<layout:date mode="R,R,R" maxlength="10" type="date" layout="false" property="list[${index}].computeDate"/>
				</layout:datagridText>

Vous remarquerez que le résultat n'est pas au point.