2011-02-15 33 views
0

是否有任何方法可以爲表中的每個記錄創建自己的css類?我顯示記錄部分,但希望能夠給每個部分自己的個人CSS屬性。也許一種由div的名稱和記錄ID結合來分配css規則的方法?是否有可能給每個記錄一個不同的CSS類?

編輯

對不起,我寫得不好的問題,我會試着更詳細地解釋。

我有一個場地記錄表在部分的索引頁上顯示,並希望每個人都有一個圖標放在屏幕左側(map_container)。該地圖只是一個手繪圖像作爲固定寬度和高度div的背景。

地點index.html.erb:

<div class="map_container"> 
</div> 

<div class="filter_options_container"> 
    <form class="filter_form", method="get">  
    <fieldset class="filter_form_fieldset"> 
     <legend class="filter_form_fieldset_legend">Choose an area:</legend> 
     <% Area.all.each do |a| %> 
     <span class="filter_form_checkbox_label"> 
      <%= check_box_tag("areas[]", a.id, false, :class => "styled")%> 
      <%= a.name %><br> 
     </span> 
     <% end %>   
     <input type="submit" value="Filter" /> 
    </fieldset> 
    </form> 
</div> 

<div class="venue_partials_container"> 
    <%= render :partial => 'venue', :collection => @venues %> 
    <div class="clearall"></div> 

    <%= will_paginate @venues %> 

    <div class="venue_partial_button"> 
    <%= link_to 'add a new venue', new_venue_path %> 
    </div> 
</div> 

<div class="clearall"></div> 

我想這樣做,可能是使其中一個地點屬於一個圖標和一個圖標圖標記錄另一個表的方式屬於一個場地。然後讓地圖div區域變成部分圖標記錄。然後歧CSS類可能是這樣的:

.icon(with_venue_id_1) { 
position: absolute; 
top: 10px; 
left: 10px; 
} 

.icon(with_venue_id_2) { 
position: absolute; 
top: 15px; 
left: 20px; 
} 

等等等等....

我知道是如此驚人,壞的,可能會帶來一點病倒在你的嘴,但我的編程經驗爲零曾經讓我意識到這一點。我想像這麼多更好的方法,但這至少可以作爲學習輔助工具。

我最終會喜歡這些圖標和它們的位置,以便從正在運行的應用程序本身添加,但現在我很高興只是爲了獲得某些工作。

感謝您的任何幫助,非常感謝。

+0

問題不清楚,如果你想動態生成類,你打算如何設計每個類的樣式,類的名稱格式是什麼。你需要花更多的精力來解答你的問題。 – Hussein 2011-02-15 20:10:23

+0

@侯賽因感謝您對我的問題進行了改進的指針,希望現在有意義。 – Dave 2011-02-15 21:34:13

回答

0

是這樣的嗎?

<% @record.each do |r| %> 
    <tr class="<%= r.id %>"> 
    <!-- Or some other value from the record? --> 
    ... 

不知道我完全理解了這個問題。

相關問題