Rails 3 - Xây dựng một Bảng, muốn màu sắc thay thế mỗi hàng

Question

Output mong muốn:

<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;} 

Trong ray 3 là có một cách sạch để làm điều này mà không cần quầy vv?

nhờ

Answer 1

The Way Rails để làm điều này là sử dụng cycle.

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

Documentation

Answer 2

Nói đúng ra không thực sự ray nhưng một cách sạch đạt chẵn/lẻ là với jquery trên các mặt hàng: http://api.jquery.com/odd-selector/

Answer 3

Tôi tìm thấy một câu trả lời here mà làm việc cho tôi, đây fleshed ra một chút. Đã thử nghiệm để làm việc với Rails 3.2.8.

Các something.html.erb file:

<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> 

Các something.css.scss file: phương pháp TextHelper

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

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

Answer 4

Rails': cycle.

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

Lưu ý: 'lẻ' nên đến trước khi 'thậm chí' (không được liệt kê ở trên) hoặc thiết kế của bạn có thể không được hạnh phúc mà các background-color bắt đầu đã không đi như cô có kế hoạch.