使用面記錄數據表上的多行數據

Question

在JSF中，有可能使數據表顯示記錄如下？

 [Name ][Last Name][Age] 
1. John  Doe   20 
     Extra info on record 1 

2. John  Smith  20 
     Extra info on record 2 

謝謝

Answer 1

我確定有很多方法可以做到這一點。

如果您不介意嵌套表格，則可以使用panelGrid標記和CSS。

查看：

<f:view> 
    <h:dataTable value="#{peopleBean.people}" var="row"> 
     <h:column id="column1"> 
      <f:facet name="header"> 
       <h:panelGrid columns="3" columnClasses="cell,cell,age"> 
        <h:outputText value="First Name" /> 
        <h:outputText value="Last Name" /> 
        <h:outputText value="Age" /> 
       </h:panelGrid> 
      </f:facet> 
      <h:panelGrid columns="3" columnClasses="cell,cell,age"> 
       <h:outputText value="#{row.firstname}" /> 
       <h:outputText value="#{row.lastname}" /> 
       <h:outputText value="#{row.age}" /> 
      </h:panelGrid> 
      <h:outputText styleClass="extra" value="#{row.extraInfo}" /> 
     </h:column> 
    </h:dataTable> 
</f:view> 

樣式表：

TABLE { 
    width: 100%; 
} 

TABLE TR TD { 
    text-align: left; 
} 

.cell { 
    width: 40%; 
} 

.age { 
    width: 20%; 
} 

.extra { 
    background-color: silver; 
    padding: 4px; 
    display: block; 
    width: 100%; 
} 

Answer 2

三庫，如RichFaces的，讓你做，與子表的原則。 您可以從RichFaces中檢查example。這是比你想要做的更復雜一點，但它顯示了子表組件的用法...