할당 여러 CSS 클래스

Question

나는 모두와 그림과 같은 도우미 cycle 사용하여 테이블 행의 스타일을 시도하고있다 : 나는이 작업을 수행 할 때

<tr class= <%= cycle("list-line-odd #{row_class(item)}", "list-line-even #{row_class(item)}")%> > 

그러나

, 결과 HTML은 :

<tr class = "list-line-odd" lowest-price> 

도우미 방법을 통한 반품은 따옴표로 묶지 않아 인식되지 않습니다. 여기

내가 사용하고 도우미입니다 :

def row_class(item) 
    if item.highest_price > 0 and item.lowest_price > 0 and item.highest_price != item.lowest_price 
     if item.current_price >= item.highest_price 
     "highest-price" 
     elsif item.current_price <= item.lowest_price 
     "lowest-price" 
     end 
    end 
    end 

내가 뭔가를 분명 실종해야하지만, 난 그냥주기의 결과와 같은에서 도우미 메서드 반환 모두를 포장하는 방법을 알아낼 수 없습니다 따옴표 세트. 어떤 도움이라도 대단히 감사하겠습니다!

Answer 1

HTML의 클래스 정의와 루비 코드 내에서 호출되는 문자열을 구분하는 따옴표가 있습니다. <%= 안에있는 루비는 공백으로 구분하여 문자열 (cycle 및 메소드 row_class)을 출력하는 두 개의 함수를 호출합니다. 나는이 중 하나가 당신이 원하는 것을 할 것입니다 생각 :

<tr class="<%= cycle('list-line-odd', 'list-line-even') + ' ' + row_class(item) %>" > 

혹은 조금 더 예뻐

<tr class="<%= "#{cycle('list-line-odd', 'list-line-even')} #{row_class(item)}" %>" > 

또는 %의 Q || 형식은

<tr class="list-line-odd lowest-price" > 

편집 같은 것을 결과 ...

<tr class="<%= %Q|#{cycle('list-line-odd', 'list-line-even')} #{row_class(item)}| %>" > 

구분 혼란을 피하기 위해 : 내 원래의 게시물이 잘못되었습니다. cycle과 row_class 메소드 사이의 공백을 연결해야합니다.