从主 form_for 外部将 check_box_tag 值输入到 Rails 模型中

Question

我正在开发一个市场应用程序。卖家列出要销售的产品。我想创建一个特色列表小部件。所以我创建了一个管理页面，我可以在其中查看所有列出的项目。然后在管理页面上添加了一个“精选”复选框，这样我就可以选择我想要的特色项目。

然后我进行了迁移以在我的列表模型中添加“特色”作为布尔字段。

如何在下面的管理页面 html 中插入 form_for，以便将复选框值作为 1（或 true）输入到列表模型中？

一旦我获得模型的复选框值，我就可以将方法添加到我的控制器以过滤精选列表。

<div class="center">
 <h2>Admin area: All Listings</h2>
</div>

<table class="table table-striped table-bordered">
<tr>
  <th>Image</th>
  <th>Seller</th>
  <th>Name</th>
  <th>Price</th>
  <th>Featured</th>
  <th>Action</th>
</tr>

<% @listings.each do |listing| %>
<tr>
  <td><%= image_tag listing.image.url(:thumb) %></td>
  <td><%= listing.userid %></td>
  <td><%= listing.name %></td>
  <td><%= number_to_currency(listing.price) %></td>
  <td><%= check_box_tag(:featured) %></td>
  <td>
    <div class="btn-group">
      <button type="button" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown">
        Action <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" role="menu">
        <li><%= link_to "View", listing, class: "btn btn-link" %></li>
        <li><%= link_to "Edit", edit_listing_path(listing), class: "btn btn-link" %></li>
        <li><%= link_to 'Delete', listing, method: :delete, data: { confirm: "Are you sure?" }, class: "btn btn-link" %></li>
      </ul>
    </div>
  </td>
</tr>
<% end %>
</table>

Answer 1

通常我会通过 JS/jQuery 和一个不错的 post/get 请求返回到服务器来实现它，感觉这将是一种更好的 UX 方法。不过，我也为表单方法添加了一个粗略的想法。

JS 方法

$(document).ready(function(){
  $("input[type=checkbox]").click(function(){
    $.get('/listings/admin/feature_listing/'+$(this).val(), function(data){
      alert("Listing has been toggled!");
    });
  });
});

不要忘记为此更新您的路线文件。

表单方法

你基本上必须打破一个新的形式并将 :featured 属性分开。

<%= form_tag listing_featured_path, method: :get do %>
<td><%= check_box_tag "listing_featured", "Featured", :value=>listing.featured %></td>
<td><%= submit_tag "Submit" %></td>
<% end %>

然后，您需要在控制器中创建一个新的单独操作来获取该自定义参数并更新路由。

Answer 2

你可以通过 javascript 来做，有很多方法，但一个简单的解决方案会在你的表单中：

<%= f.hidden_field :featured, class: 'hidden' %>

在您的复选框中：

<%= check_box_tag(:featured_checkbox), data: {id: listing.id}  %> #or whatever

并以这种方式附加这些值（jquery）：

$(function(){
    $("input[type=checkbox]").click(function(){
        $('.hidden').value($(this).data('id'))
    });
});

免责声明：未经测试，但应该可以工作。

编辑： 确保 jquery sn-p 在文档就绪时执行。见上文已编辑。

如果您需要解析复选框的值，即使不是，也应该保存数据，您可以通过cookie来完成。如果记录被保存：

<%= check_box_tag(:featured_checkbox), value: listing.featured, data: {id: listing.id}  %>

无论如何，理解这个过程比让这段代码工作（按原样）更重要。