Пользовательский класс DIV JSF для отображения

У меня есть этот код списка html:

<div class="destination-places-grid">
  Item 1
</div>

<div class="destination-places-grids">
  Item 2
</div>

<div class="destination-places-grids last-d-grid">
  Item 3
</div>

<div class="destination-places-grid">
  Item 4
</div>

<div class="destination-places-grids">
  Item 5
</div>

<div class="destination-places-grids last-d-grid">
  Item 6
</div>

Как вы можете видеть, каждые 3 элемента класс div должен измениться, я хочу знать более элегантный способ поместить это в список в JSF 2, я пробовал с p: dataList и выводил текст с визуализированным свойством не принять ‹,>," или', поэтому написание их html-эквивалентов, таких как ‹ и т. д., делает код немного нечитаемым, как вы можете видеть ниже (не фактический рабочий код, но вы поняли идею подхода)

 <p:dataList value="#{destinationController.destinationList}" rowIndexVar="row"
                var="destination" type="ordered"  >


 <h:outputText value="#{((row+1) mod 3) == 0 ? &lt;div class=&quot;destination-places-grid last-d-grid&quot;&gt; : &lt;div class=&quot;destination-places-grid&quot;#&apos;;&quot;&gt;'}"/>

<p:dataList >

Какой здесь должен быть правильный подход?


jsf primefaces rowcount el
person pablocmg    schedule 21.09.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Надеюсь, это то, что вы хотите:

<p:dataList ............
            rowIndexVar="row" 
            itemStyleClass="#{((row+1) mod 3) eq 0 ? 'destination-places-grids last-d-grid', 'destination-places-grids' }" />

    ... content

</p:dataList/>
person Jaqen H'ghar    schedule 22.09.2014
comment
Это почти идеально для меня, единственная проблема заключается в том, что он отображает ‹класс li=destination-places-grids› и т. д.... и мне нужен ‹div class=destination-places-grids› - person pablocmg; 23.09.2014
comment
Ничего, все, что мне нужно было сделать, это изменить соответствующий CSS, это решает мою проблему. :) Благодарность! - person pablocmg; 23.09.2014