使用panelgrid或除數據表以外的任何東西顯示列表

Question

我想顯示一個使用panelgrid/panelgroup或任何可以建議我不是數據表，因爲datatable需要列等顯示列表，我不想做的列表在這種情況下。 我的輸出應該是這樣的例子，有多個討論如下：

---

員工姓名：名稱：

業績回顧：感興趣的領域：

改進：

---

員工名稱：名稱：

業績回顧：感興趣的領域：

改進：

---

Answer 1

可以使用<ui:repeat>用於循環的目的，因爲它提供了markupless迭代在其value元素。在迭代中，您可以自由創建任何您想要的標記。這基本上意味着使用一些CSS可以通過使用嵌套的<div>或使用表生成標記（如<h:panelGrid>）或通過任何其他方法來實現所需的佈局。

兩個例子。第一個，無表格：

<ui:repeat value="#{bean.employees}" var="employee"> 
    <div class="employee-block"> 
     <div class="employee-line> 
      #{msg.title}<h:inputText value=#{employee.title} ... /> 
      ... 
     </div> 
    </div> 
</ui:repeat> 

第二個，使用表：

<ui:repeat value="#{bean.employees}" var="employee"> 
    <h:panelGrid columns="4"> 
     #{msg.title}<h:inputText value=#{employee.title} ... /> 
     ... 
    </h:panelGrid> 
</ui:repeat> 

Answer 2

的問題得到有效使用的UI解決：重複。那麼它也可以在裏面使用只有列屬性的數據表。

<panelGrid> 
    <datatable value="#{list}" var="lst"> 
    <h:column> 
     <panelGrid> 
     <h:outputText value="#{lst.name}"/> 
     </panelGrid> 
    </h:column> 
    </dataTable> 
</panelGrid> 

或

<panelGrid> 
    <ui:repeat value="#{list}" var="lst"> 
     <panelGrid> 
     <h:outputText value="#{lst.name}"/> 
     </panelGrid> 
    </ui:repeat> 
</panelGrid>