ICEfaces Note(5)
<
ice:panelGrid
styleClass
="componentLayoutRootTable"
columns
="1"
>
< ice:dataTable value ="#{salesRecordsManager.salesGroupRecordBeans}" var ="salesRecord" cellpadding ="0" width ="550px"
columnClasses ="triangleColumn,cartNameColumn,cartQuantityColumn,cartQuantityColumn,cartPriceColumn,cartQuantityColumn" >
< ice:column >
< ice:panelGroup styleClass ="#{salesRecord.indentStyleClass}" >
< ice:commandLink actionListener ="#{salesRecord.toggleSubGroupAction}" >
< ice:graphicImage value ="#{salesRecord.expandContractImage}" style ="border:0px solid;" />
</ ice:commandLink >
</ ice:panelGroup >
</ ice:column >
<!-- Description -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Description" />
</ f:facet >
< ice:panelGroup styleClass ="#{salesRecord.rwoStyleClass}" style ="width:130px;" >
< ice:outputText value ="#{salesRecord.description}" />
</ ice:panelGroup >
</ ice:column >
<!-- Date -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Date" />
</ f:facet >
< ice:panelGroup styleClass ="#{salesRecord.rwoStyleClass}" style ="width:130px;" >
< ice:outputText value ="#{salesRecord.dateString}" />
</ ice:panelGroup >
</ ice:column >
<!-- quantity -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Quantity" />
</ f:facet >
< ice:panelGroup styleClass ="#{saleRecord.rowStyleClass}" style ="width:60px;" >
< ice:outputText value ="#{salesRecord.quantity}" />
</ ice:panelGroup >
</ ice:column >
<!-- price -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Price" />
</ f:facet >
< ice:panelGroup styleClass ="#{salesRecord.rwoStyleClass}" style ="width:60px;" >
< ice:outputText value ="#{salesRecord.price}" />
</ ice:panelGroup >
</ ice:column >
<!-- total -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Total" />
</ f:facet >
< ice:panelGroup styleClass ="#{salesRecord.rwoStyleClass}" style ="width:60px;" >
< ice:outputText value ="#{salesRecord.total}" />
</ ice:panelGroup >
</ ice:column >
</ ice:dataTable >
</ ice:panelGrid >
< ice:dataTable value ="#{salesRecordsManager.salesGroupRecordBeans}" var ="salesRecord" cellpadding ="0" width ="550px"
columnClasses ="triangleColumn,cartNameColumn,cartQuantityColumn,cartQuantityColumn,cartPriceColumn,cartQuantityColumn" >
< ice:column >
< ice:panelGroup styleClass ="#{salesRecord.indentStyleClass}" >
< ice:commandLink actionListener ="#{salesRecord.toggleSubGroupAction}" >
< ice:graphicImage value ="#{salesRecord.expandContractImage}" style ="border:0px solid;" />
</ ice:commandLink >
</ ice:panelGroup >
</ ice:column >
<!-- Description -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Description" />
</ f:facet >
< ice:panelGroup styleClass ="#{salesRecord.rwoStyleClass}" style ="width:130px;" >
< ice:outputText value ="#{salesRecord.description}" />
</ ice:panelGroup >
</ ice:column >
<!-- Date -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Date" />
</ f:facet >
< ice:panelGroup styleClass ="#{salesRecord.rwoStyleClass}" style ="width:130px;" >
< ice:outputText value ="#{salesRecord.dateString}" />
</ ice:panelGroup >
</ ice:column >
<!-- quantity -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Quantity" />
</ f:facet >
< ice:panelGroup styleClass ="#{saleRecord.rowStyleClass}" style ="width:60px;" >
< ice:outputText value ="#{salesRecord.quantity}" />
</ ice:panelGroup >
</ ice:column >
<!-- price -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Price" />
</ f:facet >
< ice:panelGroup styleClass ="#{salesRecord.rwoStyleClass}" style ="width:60px;" >
< ice:outputText value ="#{salesRecord.price}" />
</ ice:panelGroup >
</ ice:column >
<!-- total -->
< ice:column >
< f:facet name ="header" >
< ice:outputText value ="Total" />
</ f:facet >
< ice:panelGroup styleClass ="#{salesRecord.rwoStyleClass}" style ="width:60px;" >
< ice:outputText value ="#{salesRecord.total}" />
</ ice:panelGroup >
</ ice:column >
</ ice:dataTable >
</ ice:panelGrid >
晚点再补充其用法。