Afficher un ArrayList sous forme d'une tableau HTML

Version imprimable

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:

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.

14/03/2007, 13h47
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)
14/03/2007, 15h47
Peerofloo

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

Voici une solution avec la JSTL :

Code:

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>

essaie cela ça devrai marcher :

Code:

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>

30/03/2007, 14h50
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.... :roll: