Рельсы 3 - Создание таблицы, хочу чередовать цвета в каждой строке

Question

Желаемый вывод:

<ul>
 <li class="odd">stuff</li>
 <li class="even">stuff</li>
 <li class="odd">stuff</li>
 <li class="even">stuff</li>
 <li class="odd">stuff</li>
 <li class="even">stuff</li>
 <li class="odd">stuff</li>
 <li class="even">stuff</li>
</ul>

CSS:

.odd {color:blue}
.even{color:red;}

В рельсах 3 есть чистый способ сделать это без счетчиков и т.д.?

спасибо

Answer 1

Rails Способ сделать это - использовать cycle.

<li class="<%= cycle('even', 'odd') -%>">stuff</li>

Документация

Answer 2

Я нашел ответ здесь , который работал для меня, здесь немного уточнил. Протестировано для работы с Rails 3.2.8.

Файл something.html.erb:

<table>
  <tr>
    <th>foo</th>
    <th>bar</th>
  </tr>
  <% @something.each do |s| -%>
    <tr class="<%= cycle('oddrow', 'evenrow') -%>">
      <td> ... </td>
      <td> ... </td>
    </tr>
  <% end %>
</table>

Файл something.css.scss:

table tr.oddrow {
    background-color: #111111;
}

table tr.evenrow {
    background-color: #333333;
}

Answer 3

Строго говоря, на самом деле не рельсы, а чистый способ достижения нечетных / четных результатов с помощью jquery на стороне клиента: http://api.jquery.com/odd-selector/

Answer 4

Метод TextHelper Rails: цикл .

<li class="<%= cycle('odd','even') -%>">stuff</li>

Примечание: «нечетное» должно предшествовать «четному» (не так, как указано выше), иначе ваш дизайнер может не обрадоваться, что начальный цвет фона не прошел так, как она планировала.