c:forEach status.index 行索引的使用

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

 

<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}就可以获得每行数据的行索引，这样就方便实现了，代码如下：

 

 

<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>

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