如何在dataTable中将多行添加到一行

时间:2012-07-29 11:37:40

标签: html jsf jsf-2 datatable

我正在使用JSF 2.0创建页面,我正在显示那里的所有图像。 我使用的代码是:

<h:dataTable id="imageList3" value="#{PersonalInformationDataBean.loadReviewReportDataById()}" var="reviewMyList" width="100%" border="1">
    <h:column>
        <h:graphicImage 
        value="DisplayImage?mainID=reviewReport&amp;id=#{reviewMyList.drawingId}" 
        />
    </h:column>
</h:dataTable>

目前,每行显示一个图像,这是正确的。我想要做的是,在一行中显示四张图片。如果有9张图像我应该以下面的格式输出,而不是9行。

+++++++++++++++++++++++++++++++++++++++++
+ Image 1 + Image 2 + Image 3 + Image 4 +
+ Image 5 + Image 6 + Image 7 + Image 8 +
+ Image 9 +         +         +         +
+++++++++++++++++++++++++++++++++++++++++

如果不清楚,请告诉我。

1 个答案:

答案 0 :(得分:1)

您可以将四个<h:column>h:graphicImage一个h:graphicImage放在一个<h:column>

中。

好吧,您可以修改您的对象(r​​eviewMyList)以容纳最多3个内​​部对象,您将在每个列中访问它们,如

reviewMyList.first.drawingId

reviewMyList.second.drawingId

reviewMyList.third.drawingId

当然你必须添加

rendered="reviewMyList.first ne null"

rendered="reviewMyList.second ne null"

rendered="reviewMyList.third ne null"<h:graphicImage