html - 如何使用 JSP 交替 HTML 表格行颜色？

Question

如何使用 JSP 替换 HTML 表格行的颜色？

我的 CSS 看起来像这样:

tr.odd {background-color: #EEDDEE}
tr.even {background-color: #EEEEDD}

我想使用 <c:forEach>迭代一个集合。

<c:forEach items="${element}" var="myCollection">
  <tr>
    <td><c:out value="${element.field}"/></td>
    ...
  </tr>
</c:forEach>

我需要一个整数计数变量或 bool 奇数/偶数变量来跟踪行。然后是我的<tr>标签看起来像:

<tr class="odd or even depending on the row">

Answer 1

在forEach 标签上使用varStatus 属性，JSTL 将管理一个javax.servlet.jsp.jstl.core.LoopTagStatus 的实例。在您指定的变量名称中为您服务。

然后您可以使用三元运算符轻松输出适当的类名:

<c:forEach items="${element}" var="myCollection" varStatus="loopStatus">
  <tr class="${loopStatus.index % 2 == 0 ? 'even' : 'odd'}">
    ...
  </tr>
</c:forEach>

这JSTL primer来自 IBM 的网站提供了有关 core 标记库及其为您提供的功能的更多信息。