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

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

 

 

Xhtml代码

1. <rich:dataTable value="#{orderResDetailHome.dataList}" var="list" rows="10" style="width:100%;" rowKeyVar="rowNum">          
2.     <rich:column>  
3.         <f:facet name="header">序号</f:facet>  
4.         #{rowNum+1}   
5.     </rich:column>  
6.                        
7.     <rich:columns value="#{orderResDetailHome.headerList}" var="dataHeader" index="idx">    
8.         <f:facet name="header">#{dataHeader}</f:facet>  
9.         #{list[idx+2]}   
10.     </rich:columns>  
11. </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代码

1. <rich:dataGrid var="list"  
2.             columns="1"    
3.             elements="10"  
4.             rowKeyVar="rowNum"  
5.           value="#{orderResDetailHome.dataList}">  
6.           
7. <h:panelGrid columns="1">  
8.   
9.     <s:decorate template="/layout/display.xhtml">  
10.         <ui:define name="label">序号</ui:define>  
11.         #{rowNum+1}   
12.     </s:decorate>  
13.        
14.     <c:forEach var='dataHeader' items='#{orderResDetailHome.headerList}' varStatus="status">  
15.       <s:decorate template="/layout/display.xhtml">  
16.           <ui:define name="label">#{dataHeader}</ui:define>  
17.           #{list[status.index+2]}   
18.       </s:decorate>  
19. </c:forEach>  
20.   
21. </h:panelGrid>  
22. </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>

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