在Oracle ADf中为PanelGridLayout设置备用行的样式

时间:2013-12-28 13:53:17

标签: user-interface oracle-adf

如何为备用行提供不同的背景颜色?我使用< af:panelGridLayout>。所有奇数行应具有灰色背景,偶数行应具有白色背景颜色。任何帮助是极大的赞赏。

 <af:panelGridLayout id="pgl7">
                  <af:gridRow marginTop="0px" height="auto" id="gr13">
                    <af:gridCell marginStart="0px" marginEnd="0px" width="100%"
                                 id="gc25" styleClass="grey-cells">
                      <af:outputText id="ot2" value="Account"/>
                    </af:gridCell>
                  </af:gridRow>
                  <af:gridRow marginTop="5px" height="auto" id="gr15">
                    <af:gridCell marginStart="0px" marginEnd="0px" width="100%"
                                 id="gc26" styleClass="white-cells">
                      <af:outputText value="#{bindings.accountID.inputValue}"
                                     id="ot3"/>
                    </af:gridCell>
                  </af:gridRow>
                  <af:gridRow marginTop="5px" height="auto" id="gr18">
                    <af:gridCell marginStart="0px" marginEnd="0px" width="100%"
                                 id="gc29" styleClass="grey-cells">
                      <af:outputText id="ot1" value="Name"/>
                    </af:gridCell>
                  </af:gridRow>
                  <af:gridRow marginTop="5px" height="auto" id="gr17">
                    <af:gridCell marginStart="0px" marginEnd="0px" width="100%"
                                 id="gc30" styleClass="white-cells">
                      <af:outputText value="#{bindings.accountHolderName.inputValue}"
                                     id="ot5"/>
                    </af:gridCell>
                  </af:gridRow>
                  <af:gridRow marginTop="5px" height="auto" id="gr14">
                    <af:gridCell marginStart="0px" marginEnd="0px" width="100%"
                                 id="gc27" styleClass="grey-cells">
                      <af:outputText value="Email" id="ot6"/>
                    </af:gridCell>
                  </af:gridRow>
                  <af:gridRow marginTop="5px" marginBottom="0px" height="auto"
                              id="gr16">
                    <af:gridCell marginStart="0px" marginEnd="0px" width="100%"
                                 id="gc28" styleClass="white-cells">
                      <af:outputText value="#{bindings.emailId.inputValue}"
                                     id="ot11"/>
                    </af:gridCell>
                  </af:gridRow>
                </af:panelGridLayout>

1 个答案:

答案 0 :(得分:1)

panelGridLayout并不意味着使用这种方式。它意味着用作布局容器来定位其他组件。网格路由甚至没有您需要执行此操作所需的样式属性。 你可以为你自己做过的行的每个单元格着色,然后你会看到另一个组件,如af:table或af:treaTable,它会自动进行绑定。