在JSF中动态创建表列

Ber*_*Ali 5 datatable jsf-2

我正在使用仪表板应用程序,我必须检索一组记录并在动态表格框中显示.页面框架长度是固定的.现在可以初始化列和行.它应该看起来像这样的样本:

在此输入图像描述

目前我正在使用数据表进行显示,但它会将所有数据打印在一列中.我如何将代码更改为上述模式?

<o:dataTable id="tabBlSearch" var="item"
     onkeyup="handleLeftRightArrowOnDataTable('frmDashBoard:tabBlSearch')"
     value="#{bLDashBoardAction.listBondLoc}">
  <o:column style="width: 20px;">
    <h:outputText value="#{item.awb}" />
  </o:column>
</o:dataTable>
Run Code Online (Sandbox Code Playgroud)

Bal*_*usC 11

您可以使用标准JSF组件实现此目的,<h:panelGrid>其中<c:forEach>使用了在视图构建期间生成单元格的其中.在<ui:repeat>为这一观点在运行渲染时间将无法正常工作.

<h:panelGrid columns="5">
    <c:forEach items="#{bean.items}" var="item">
        <h:panelGroup>
            <h:outputText value="#{item.value}" />
        </h:panelGroup>
    </c:forEach>
</h:panelGrid>
Run Code Online (Sandbox Code Playgroud)

至于组件库,我在OpenFaces的展示中看不到任何东西,但PrimeFaces <p:dataGrid>正是为了这个目的,即使有分页支持.

<p:dataGrid columns="5" value="#{bean.items}" var="item">
    <p:column>
        <h:outputText value="#{item.value}" />
    </p:column>
</p:dataGrid>
Run Code Online (Sandbox Code Playgroud)