从 h:datatable 移动到网格视图答案

【问题标题】：moving from h:datatable to Grid view从 h:datatable 移动到网格视图
【发布时间】：2018-10-25 07:34:15
【问题描述】：

我已经使用h:datatable 列出来自 bean 的数据，例如：

<h:dataTable value="#{mybean.view}" var="o" border="1" >

                <h:column>
    <f:facet name="header">Name</f:facet>
                    #{o.name}
                </h:column>
                              <h:column>
    <f:facet name="header">ID</f:facet>
                    #{o.id}
                </h:column>
        </h:dataTable>

但现在我想切换到使用 panelgrid 并应用我的布局，我这样做了

<h:panelGroup layout="block" styleClass="myGrid" value="#{mybean.view}" var="o">
   <h:panelGroup layout="block" styleClass="col-sm-3">
      <h:panelGroup layout="block" styleClass="griditem">


        <h:outputText styleClass="description" value="#{o.name}" />
      </h:panelGroup>
    </h:panelGroup>
</h:panelGroup>

我根本没有得到任何结果。使用面板组和分配值的位置是否错误？

【问题讨论】：

你在哪里读到h:panelGroup 有一个 value 属性和 var 用于迭代？那只是不存在......
那么我应该使用哪个属性而不是 value ？
我希望输出是 div 而不是 tr 和 td 等表格标签
@Kukeltje 非常感谢我在小组中使用了重复，它神奇地起作用了。
How to render a table of divs with JSF?的可能重复

标签： jsf xhtml facelets

【解决方案1】：

使用以下使用 ui:repeat 的示例

<table>

<ui:repeat var="o" value="#{order.orderList}" varStatus="status">

    <tr>
        <td>#{o.orderNo}</td>
        <td>#{o.productName}</td>
        <td>#{o.price}</td>
        <td>#{o.qty}</td>
    </tr>

</ui:repeat>        

</table>

【讨论】：