Rails 3 - eine Tabelle Gebäude, Möchten Sie Alternate Farben in jeder Zeile

Question

gewünschte Ausgabe:

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

In Schienen 3 ist es eine saubere Möglichkeit, dies etc ohne Zähler zu tun?

dank

Answer 1

Der Rails Weg, dies zu tun, ist cycle zu verwenden.

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

Documentation

Answer 2

Streng genommen nicht wirklich Schienen, sondern eine saubere Art und Weise ungerade zu erreichen/sogar mit jquery auf der Client-Seite ist: http://api.jquery.com/odd-selector/

Answer 3

ich eine Antwort here gefunden, die für mich gearbeitet, hier ein wenig konkretisiert. Getestet für die Arbeit mit Rails 3.2.8.

Die something.html.erb Datei:

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

Die something.css.scss Datei:

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

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

Answer 4

Rails' TextHelper Methode: cycle.

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

Hinweis: ‚ungerade‘ kommen sollte, bevor ‚sogar‘ (nicht wie oben aufgeführt) oder Ihre Designer vielleicht nicht glücklich sein, dass die Ausgang Hintergrund-Farbe nicht gehen, wie sie geplant.