从列表中动态选择

Question

我需要根据选择的项目更改内容。我对rails很陌生，无法弄清楚如何做到这一点。我知道我需要使用 ajax，我猜！好的。

这里是列表

 <div class="table_wrap city_list_wrap">
    <table class="city_list table normal">
        <tbody>
          <tr>
            <th colspan="3"> City list </th>
          </tr>
          <% @cities.each_slice(3) do | slice | %>
            <tr>
              <% slice.each do |city| %>
                <td class="city_tab"><%= city.title %> (<%= city.car_dealers_count %>) </td>
              <% end %>
            <tr>
          <% end %>
        </tbody>
    </table>
  </div>

在我推动其中一个城市之后，您需要在表格中显示该城市项目的列表，如下所示：

<div class="table_wrap">
    <table class="table normal clickable" id="item_table">
      <tbody>
        <tr>
          <th style="width:30%"><%= t("public.item.title") %></th>
          <th style="width:45%"><%= t("public.item.info") %> </th>
          <th style="width:25%"><%= t("public.item.logo") %> </th>
        </tr>
        <% city_title = "" %>
        <% @items.each do | item | %>
        <% unless city_title == item.city.title %>
          <% city_title = item.city.title %>
          <tr class="caption"><td colspan="3"><%= city_title %></td></tr>
        <% end %>
        <tr id="item-<%= item.id %>" class="hoverable">
          <td><%= item.title %></td>
          <td>
            <p>
              <%= item.address %><br><%= item.phone_number %><br/><%= link_to item.site, "http://#{item.site}", target:"_blank", rel: "nofollow", class: "item-link" if item.site.present? %>
            </p>
          </td>
          <td><%= image_tag item.small_logo, alt: item.title %></td>
        </tr>
        <% end %>
      </tbody>
    </table>
  </div>

在开始时会显示此列表并显示所有项目。在我点击其中一个城市后，我需要在第二张表中仅显示该城市的项目。如何做到这一点？请帮忙。谢谢。

Answer 1

你可以使用这个 gem：https://github.com/innku/metropoli

阅读帮助，它真的很容易安装。

Answer 2

好吧，我做了这个非常简单的方法，为每个城市字段 id 赋予了它的 id，并为城市项目提供了该 id 的行。并在点击$("id").hide() or show()后视情况而定