Cómo establecer condicionalmente una clase de estilo cuando se alcanza el último elemento de ui: repeat?

Question

Quiero tener una clase en un div, si es la última en mi repetición.

que tengo ahora:

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

pero quiero la clase última sólo en el último div ...

#{status.last} 

es cierto, si se trata de la última div. Pero, ¿cómo puedo llevar la clase al div?

Answer 1

Solución 1 si puede permitirse no ser compatible con Internet Explorer 8:

No hacer esto en JSF, esto rompe el propósito de tener una CSS para aislar el estilo de los datos.

Usted puede hacer esto en su archivo CSS:

.normalClass:last-child { 

} 

Solución 2:

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