如何为备用行提供不同的背景颜色?我使用< 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>
答案 0 :(得分:1)
panelGridLayout并不意味着使用这种方式。它意味着用作布局容器来定位其他组件。网格路由甚至没有您需要执行此操作所需的样式属性。 你可以为你自己做过的行的每个单元格着色,然后你会看到另一个组件,如af:table或af:treaTable,它会自动进行绑定。