Discussion :

[Peerofloo]

Bonjour,

J'ai un Arraylist qui contient une liste d'objets "Category". Une category est composé d'un nom et d'une image. J'aimerai afficher 4 categories dans chaque ligne du tableau html. Mais je n'arrive pas a obtenir ce que je souhaite.

Actuellement, j'utilise un logic:iterate pour parcourir mon ArrayList comme ceci :

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
 
<logic:iterate type="beans.Category" scope="session" id="category" indexId="index" name="categories">
			<logic:equal name="index" value="0">
				<tr>
			</logic:equal>
			<td>
				<div class="cat" onclick="window.location.replace('contactAction.do');">
					<img src="${category.imageDir}${category.imageName}" alt="${category.name}" border="0" /><br />
					<span><bean:write name="category" property="name" /></span>
				</div>
			</td>
			<logic:equal name="index" value="3">
				</tr>
			</logic:equal>
		</logic:iterate>

Le soucis, c'est que n'arrive pas a inserer la balise "<tr></tr>" au bon endroit. (C'est a dire une fois tout les 4 element). Auriez vous une idée?

Merci.

[Invité]

D'après ton code :
- tu positionnes un <tr> seulement pour l'élément d'index 0
- tu positionnes un </tr> seulement pour l'élément d'index 3

Forcément c'est pas ce que tu veux.

Il faut plutot que tu mettes un <tr> à chaque fois que (index modulo 4) = 0
et un </tr> chaque fois que (index modulo 4) = 3
Penses quand même à combler les <td> et à fermer le <tr> si ta liste ne contient pas un multiple de 4 éléments (ex: 6 élements -> une ligne de 4 + une ligne de 2 + 2 <td> vides)

[Peerofloo]

Ouaip, mais justement, comment tu fait un "index modulo 4" avec les taglibs?

[c_nvy]

Voici une solution avec la JSTL :

Code :

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

1
2
3
4
5
6
7
8
9
<c:forEach items="${categories}" var="category" varStatus="status">
	<c:if test="${status.index % 4 == 0}"> 
		<tr> 
	</c:if> 
		<td><c:out value="${category.name}"/></td>
	<c:if test="${status.index % 4 == 3}"> 
		</tr> 
	</c:if> 
</c:forEach>

[al3alwa]

essaie cela ça devrai marcher :

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
 
<logic:iterate type="beans.Category" scope="session" id="category" indexId="index" name="categories">
<% if(index%4 == 0) { %>		
<tr>
<%}%>
			<td>
				<div class="cat" onclick="window.location.replace('contactAction.do');">
					<img src="${category.imageDir}${category.imageName}" alt="${category.name}" border="0" /><br />
					<span><bean:write name="category" property="name" /></span>
				</div>
			</td>
<% if(index%4 == 0) { %>		
</tr>
<%}%>
 
					</logic:iterate>

[maxf1]

Et faudrait regarder les postes qu'il y a deja un peu. ON a eu la meme question pour 5 elements il y a meme pas une semaine....