この例は、「Faces JSP」ページ内にあるコードを示しています。アプリケーションでの JavaServer Faces および JDBC メディエーター dataTables の使用方法の実例が挙げられています。
これには、 カスタマーのあらゆる情報と注文が含まれた UIData コンポーネント dataTable タグが含まれています。Customer 属性にはそれぞれ独自の列があります。Customer Orders は、別個の列の各 Order 属性が含まれている別の dataTable に組み込まれています。 Orders の組み込み dataTable には、他の Customer 属性と同様に、 Customer の各行に独自の列があります。
<h:dataTable id="table1" value=">{pc_Customers.customer}" var= "varcustomer" styleClass="dataTable"> <h:column id="column1"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Customerid" id= "text1"></h:outputText> </f:facet> <h:outputText id="text2" value=">{varcustomer.CUSTOMERID}" styleClass="outputText"> <f:convertNumber /> </h:outputText> </h:column> <h:column id="column2"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Custfirstname" id="text3"></h:outputText> </f:facet> <h:outputText id="text4" value=">{varcustomer.CUSTFIRSTNAME}" styleClass="outputText"> </h:outputText> </h:column> <h:column id="column3"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Custlastname" id="text5"></h:outputText> </f:facet> <h:outputText id="text6" value=">{varcustomer.CUSTLASTNAME}" styleClass="outputText"> </h:outputText> </h:column> <h:column id="column4"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Custstreetaddress" id="text7"></h:outputText> </f:facet> <h:outputText id="text8" value=">{varcustomer.CUSTSTREETADDRESS}" styleClass="outputText"> </h:outputText> </h:column> <h:column id="column5"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Custcity" id="text9"> </h:outputText> </f:facet> <h:outputText id="text10" value=">{varcustomer.CUSTCITY}" styleClass="outputText"> </h:outputText> </h:column> <h:column id="column6"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Custstate" id= "text11"></h:outputText> </f:facet> <h:outputText id="text12" value=">{varcustomer.CUSTSTATE}" styleClass="outputText"> </h:outputText> </h:column> <h:column id="column7"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Custzipcode" id="text13"></h:outputText> </f:facet> <h:outputText id="text14" value=">{varcustomer.CUSTZIPCODE}" styleClass="outputText"> </h:outputText> </h:column> <h:column id="column8"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Custareacode" id="text15"></h:outputText> </f:facet> <h:outputText id="text16" value=">{varcustomer.CUSTAREACODE}" styleClass="outputText"> <f:convertNumber /> </h:outputText> </h:column> <h:column id="column9"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Custphonenumber" id="text17"></h:outputText> </f:facet> <h:outputText id="text18" value=">{varcustomer.CUSTPHONENUMBER}" styleClass="outputText"> </h:outputText> </h:column> <h:column id="column10"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Customers_orders" id="text19"></h:outputText> </f:facet> <h:dataTable id="table2" value=">{varcustomer.CUSTOMERS_ORDERS}" var="varCUSTOMERS_ORDERS" styleClass="dataTable"> <h:column id="column11"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Ordernumber" id="text20"></h:outputText> </f:facet> <h:outputText id="text21" value=">{varCUSTOMERS_ORDERS.ORDERNUMBER}" styleClass="outputText"> <f:convertNumber /> </h:outputText> </h:column> <h:column id="column12"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Orderdate" id="text22"></h:outputText> </f:facet> <h:outputText id="text23" value=">{varCUSTOMERS_ORDERS.ORDERDATE}" styleClass="outputText"> <f:convertDateTime /> </h:outputText> </h:column> <h:column id="column13"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Shipdate" id="text24"></h:outputText> </f:facet> <h:outputText id="text25" value=">{varCUSTOMERS_ORDERS.SHIPDATE}" styleClass="outputText"> <f:convertDateTime /> </h:outputText> </h:column> <h:column id="column14"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Customerid" id="text26"></h:outputText> </f:facet> <h:outputText id="text27" value=">{varCUSTOMERS_ORDERS.CUSTOMERID}" styleClass="outputText"> <f:convertNumber /> </h:outputText> </h:column> <h:column id="column15"> <f:facet name="header"> <h:outputText styleClass="outputText" value="Employeeid" id="text28"></h:outputText> </f:facet> <h:outputText id="text29" value=">{varCUSTOMERS_ORDERS.EMPLOYEEID}" styleClass="outputText"> <f:convertNumber /> </h:outputText> </h:column> </h:dataTable> </h:column> </h:dataTable>