2012-10-05 12 views
9

Ich möchte eine Klasse auf einem Div haben, wenn es der letzte in meiner Wiederholung ist.Wie wird eine Stilklasse bedingt gesetzt, wenn der letzte Punkt von ui: repeat erreicht wird?

Ich habe jetzt:

<ui:repeat value="#{myCollection}" var="item" varStatus="status"> 
<div class="last">#{item.text}</div> 
</ui:repeat> 

aber ich möchte die Klasse zuletzt nur am letzten div ...

#{status.last} 

wahr ist, wenn es das letzte ist div. Aber wie kann ich die Klasse zum div bekommen?

Antwort

11

Lösung 1, wenn Sie nicht mit IE8 kompatibel sein leisten können:

Sie dies in JSF nicht tun, bricht dies den Zweck, eine CSS von mit dem Stil aus den Daten zu isolieren.

Sie diese Datei in Ihrem CSS tun können:

.normalClass:last-child { 

} 

Lösung 2:

<ui:repeat value="#{myCollection}" var="item" varStatus="status"> 
<div class="#{status.last?'last':''}">#{item.text}</div> 
</ui:repeat> 
Verwandte Themen