C: Use of foreach status. Index row index [reprint!]

Use seam to create a project, display a custom list output, define the table Title List headerlist and data list <list> datalist respectively, and then implement two display modes. One is the normal table mode, where a piece of data is displayed in one row. In this way, we can use RICH: datatable, and then use RICH: columns for custom iterations, note that index indicates the row index of each row of data. The Code is as follows:

 

 

XHTML code {
DP. Sh. toolbar. copytoclipboard (this); Return false;
} "Href =" http://writeblog.csdn.net/# ">

1. <RICH: datatableValue = "# {orderresdetailhome. datalist}" Var = "list" rows = "10" style = "width: 100%;" rowkeyvar = "rownum">
2. <RICH: column>
3. <F: facetName = "Header">Serial number</F: facet>
4. # {Rownum + 1}
5. </Rich: column>
7. <RICH: ColumnsValue = "# {orderresdetailhome. headerlist}" Var = "dataheader" Index = "idx">
8. <F: facetName = "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"> NO. </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>

 

In the Code # {list [idx + 2]}, adding 2 is because the data column starts with two columns and multiple outputs are used as other columns.

 

There is also a way to display data in a grid instead of displaying data in one row, in this case, the rich: Columns cannot be used for data iteration. You can consider using C: foreach, where varstatus = "status" can be defined ",

Obtain the row index of each row of data from # {status. Index}. The Code is as follows:

 

 

XHTML code {
DP. Sh. toolbar. copytoclipboard (this); Return false;
} "Href =" http://writeblog.csdn.net/# ">

1. <RICH: DataGridVar = "list"
2. Columns = "1"
3. Elements = "10"
4. Rowkeyvar = "rownum"
5. Value = "# {orderresdetailhome. datalist }">
7. <H: panelgridColumns = "1">
9. <S: decorateTemplate = "/layout/display.xhtml">
10. <UI: DefineName = "label">Serial number</UI: Define>
11. # {Rownum + 1}
12. </S: decorate>
14. <C: foreachVar = 'datahead' items = '# {orderresdetailhome. headerlist}' varstatus = "status">
15. <S: decorateTemplate = "/layout/display.xhtml">
16. <UI: DefineName = "label"># {Dataheader}</UI: Define>
17. # {List [status. index + 2]}
18. </S: decorate>
19. </C: foreach>
21. </H: panelgrid>
22. </Rich: DataGrid>

<RICH: DataGrid Var = "list" columns = "1" elements = "10" rowkeyvar = "rownum" value = "# {orderresdetailhome. datalist} "> 
The latter is suitable for small screen devices.