Question

有没有办法让表中的每条记录都有自己的css类？我将记录显示为部分，但希望能够为每个部分提供各自的css属性。也许是一种通过div的名称和记录的id组合来分配css规则的方法吗？

修改

对于写得不好的问题我很抱歉，我会尝试更详细地解释。

我在索引页面上显示部分区域中的场地记录表，并希望每个场景记录都有一个图标放置在屏幕左侧的地图上（map_container）。地图只是一个手绘图像，作为固定宽度和高度div的背景。

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

等等......

我所知道的是如此可怕的糟糕，它可能会让你的嘴里有点生病，但我对编程的零经验却让我想到了这一点。我想有很多更好的方法可以做到这一点，但这至少可以起到对我学习的作用。

我最终会喜欢这些图标以及它们的定位是从正在运行的应用程序本身添加的，但是现在我很高兴只是为了让一些工作。

感谢您的帮助，非常感谢。

Answer 1

这样的东西？

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

我不确定我是否理解这个问题。

是否可以为每个记录提供不同的css类？

1 个答案: