W jaki sposób warunkowo ustawić klasę stylu, gdy osiągnięty zostanie ostatni element interfejsu: repeat?

Question

Chcę mieć klasę na div, jeśli jest to ostatnia w moim powtórzeniu.

mam teraz:

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

ale chcę klasę ostatni tylko na ostatni dz ...

#{status.last} 

jest prawdą, jeśli jest to ostatni div. Ale jak mogę wprowadzić klasę do div?

Answer 1

Rozwiązanie 1, jeśli można sobie pozwolić, aby być zgodna z IE8:

Nie rób tego w JSF, to łamie cel o CSS, aby odizolować styl z danymi.

Można to zrobić w pliku CSS:

.normalClass:last-child { 

} 

Rozwiązanie 2:

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