P
PrimeTime2
Hallo
Also ich habe eine mit JSF / Richfaces eine Tabelle mithilfe von Datatable programmiert.
Ich möchte jetzt erreichen das die zeilen farben immer abwechseln.
Also das die erste Zeile weiß ist, die 2 hell bau, die dritte wieder weiß und immer
weiter so. Ich weis jedoch nicht wie?
Also ich habe eine mit JSF / Richfaces eine Tabelle mithilfe von Datatable programmiert.
Ich möchte jetzt erreichen das die zeilen farben immer abwechseln.
Also das die erste Zeile weiß ist, die 2 hell bau, die dritte wieder weiß und immer
weiter so. Ich weis jedoch nicht wie?
Code:
<h:panelGroup layout="block"
style="padding-bottom:7px; padding-left:12px; padding-right:12px">
<rich:dataTable cellpadding="0" cellspacing="0" border="0" rows="15"
style="vertical-align:top; padding-bottom:20px" rowKeyVar="row"
value="#{dataList}" var="dataItem">
<rich:column width="80px" style="text-align:center">
<f:facet name="header">
<h:outputText value="ID" />
</f:facet>
<h:outputText value="#{dataItem.id}"
rendered="#{dataItem.id != null}" />
<h:outputText value="#{dataItem.id}"
rendered="#{dataItem.id == null}" />
</rich:column>
<rich:column width="190px" style="text-align:center">
<f:facet name="header">
<h:outputText value="Name" />
</f:facet>
<h:outputText value="#{dataItem.name}"
rendered="#{dataItem.id != null}" />
<h:outputText value="#{dataItem.name}"
rendered="#{dataItem.id == null}" />
</rich:column>
<rich:column width="190px" style="text-align:center">
<f:facet name="header">
<h:outputText value="Description" />
</f:facet>
<h:outputText value="#{dataItem.description}"
rendered="#{dataItem.id != null}" />
<h:outputText value="#{dataItem.description}"
rendered="#{dataItem.id == null}" />
</rich:column>
<rich:column width="70px" style="text-align:center">
<f:facet name="header">
<h:outputText value="#{msg['administration.edit']}"
style="FONT-WEIGHT: bold;" />
</f:facet>
<a4j:commandLink ajaxSingle="true"
oncomplete="#{rich:component('EditTable')}.show()">
<!--
value="#{msg['administration.edit']}"
reRender="table" action="#{datasourcesModell.delete}"
actionListener="#{datasourcesModell.currentRow}">
-->
<h:graphicImage value="/images/add.png" style="border:0" />
<f:setPropertyActionListener value="#{row}"
target="#{datasourcesModell.currentRow}" />
<h:inputHidden id="dataItemId" value="#{dataItem.id}" />
</a4j:commandLink>
</rich:column>
<rich:column width="70px" style="text-align:center">
<f:facet name="header">
<h:outputText value="#{msg['administration.delete']}"
style="FONT-WEIGHT: bold;" />
</f:facet>
<a4j:commandLink ajaxSingle="true" id="deletelink"
oncomplete="#{rich:component('deletePanel')}.show()">
<h:graphicImage value="/images/delete.png" style="border:0" />
<f:setPropertyActionListener value="#{row}"
target="#{datasourcesModell.currentRow}" />
</a4j:commandLink>
<rich:toolTip for="deletelink" value="Delete" />
</rich:column>
<f:facet name="footer">
<rich:datascroller renderIfSinglePage="false" maxPages="10" />
</f:facet>
</rich:dataTable>
</h:panelGroup>