c:forEach status.index 行索引的使用[转载！]

使用seam做了个项目，展示一个自定义列表输出，分别定义表格标题List headerList和数据List<List> dataList，然后实现两种展示方式。一种是普通表格方式，一条数据在一行显示，这样我们可以使用rich:dataTable ，然后自定义迭代部分可以用rich:columns 来实现，注意index是表示每行数据的行索引，代码如下：

Xhtml代码



<rich:dataTable value="#{orderResDetailHome.dataList}" var="list" rows="10" style="width:100%;" rowKeyVar="rowNum">

<rich:column>

<f:facet name="header">序号</f:facet>

#{rowNum+1}

</rich:column>

<rich:columns value="#{orderResDetailHome.headerList}" var="dataHeader" index="idx">

<f:facet name="header">#{dataHeader}</f:facet>

#{list[idx+2]}

</rich:columns>

</rich:dataTable>

<rich:dataTable value="#{orderResDetailHome.dataList}" var="list" rows="10" style="width:100%;" rowKeyVar="rowNum">
<rich:column>
<f:facet name="header">序号</f:facet>
#{rowNum+1}
</rich:column>

<rich:columns value="#{orderResDetailHome.headerList}" var="dataHeader" index="idx">
<f:facet name="header">#{dataHeader}</f:facet>
#{list[idx+2]}
</rich:columns>
</rich:dataTable>

其中#{list[idx+2]}中加2是因为数据列开始两列数据多输出用作其他。

还有一种展示方式，没条数据不是在一行显示，而是把每条数据放到一个grid中去，然后依次显示，但是这样的话迭代部分的数据就无法使用rich:columns 来实现了，可以考虑使用c:forEach，其中可以定义varStatus="status"，

取#{status.index}就可以获得每行数据的行索引，这样就方便实现了，代码如下：

Xhtml代码



<rich:dataGrid var="list"

columns="1"

elements="10"

rowKeyVar="rowNum"

value="#{orderResDetailHome.dataList}">

<h:panelGrid columns="1">

<s:decorate template="/layout/display.xhtml">

<ui:define name="label">序号</ui:define>

#{rowNum+1}

</s:decorate>

<c:forEach var='dataHeader' items='#{orderResDetailHome.headerList}' varStatus="status">

<s:decorate template="/layout/display.xhtml">

<ui:define name="label">#{dataHeader}</ui:define>

#{list[status.index+2]}

</s:decorate>

</c:forEach>

</h:panelGrid>

</rich:dataGrid>

<rich:dataGrid var="list"
columns="1"
elements="10"
rowKeyVar="rowNum"
value="#{orderResDetailHome.dataList}">

<h:panelGrid columns="1">

<s:decorate template="/layout/display.xhtml">
<ui:define name="label">序号</ui:define>
#{rowNum+1}
</s:decorate>

<c:forEach var='dataHeader' items='#{orderResDetailHome.headerList}' varStatus="status">
<s:decorate template="/layout/display.xhtml">
<ui:define name="label">#{dataHeader}</ui:define>
#{list[status.index+2]}
</s:decorate>
</c:forEach>

</h:panelGrid>
</rich:dataGrid>

后者适合在小屏幕设备上展示。