使用 ajax 和 rails 删除和更新关联模型的对象

Question

我有两个模型。比如说defects 和products。

product has_many :defects

defect belongs_to :product

1) 我在展示页面中列出了产品的所有相关缺陷

我想在产品展示页面中包含针对缺陷的edit 和delete 操作。 默认情况下，删除操作是删除产品，因为在控制器中对产品 (@product.destroy) 调用了销毁函数。如何删除选定的缺陷？

2) 为了创建缺陷，我在缺陷控制器中包含了以下 js 脚本 (create.js.erb)

   var html = "<p> <%= @product.defect.try(:defect_description) </p>"
$('#added').append(html);

这不起作用，因为两者之间的关联有很多。如何附加输入的缺陷？ 我正在使用产品展示页面中的表格

这是我列出缺陷并添加的产品展示页面代码

<button class="mybtn">Defects </button>
          </div>
          <div id="clicked">
            <% if @product.defects.present? %>
          <% @product.defects.each do |defect|%>
          <p> <%= defect.try(:defect_description) %>  <%= link_to 'Delete', defect, method: :delete, data: { confirm: "Are you sure you want to delete ?"},class: "btn btn-danger btn-xs" %></td></p> 
          <% end %>
          <%= link_to "Add Defects",new_product_defect_path(@product.id),class:'btn btn-sm btn-success',remote:true%>
          <% else %>
             <p id="new_defect"> No defects found for this product </p>
              <%= link_to "Add Defects",new_product_defect_path(@product.id),class:'btn btn-sm btn-success',remote:true%>
           <%end%>
           </div>

Answer 1

products/show.html.erb

<div id="clicked">
   <%= render 'product_defects' %>
</div>

products/_product_defects.html.erb

<% if @product.defects.present? %>
    <% @product.defects.each do |defect|%>
      <p>
         <%= defect.try(:defect_description) %>
         <%= link_to 'Delete', defect, method: :delete, data: { confirm: "Are you sure you want to delete ?"},class: "btn btn-danger btn-xs" %></td>
      </p> 
    <% end %>

    <%= link_to "Add Defects",new_product_defect_path(@product.id),class:'btn btn-sm btn-success',remote:true%>
<% else %>
      <p id="new_defect"> No defects found for this product </p>
      <%= link_to "Add Defects",new_product_defect_path(@product.id),class:'btn btn-sm btn-success',remote:true%>
<% end %>

当您点击Add Defects 按钮时，将向您的DefectsController's create action 发送一个ajax 请求。您需要获取要添加缺陷的产品并渲染_product_defects.html.erb，如下所示：

缺陷/create.js.erb

$("#clicked").html("<%= render 'products/product_defects' %>");

Answer 2

要列出具有编辑/删除操作的产品的所有缺陷，在产品展示页面中，您将有如下内容：

<% @product.defects.each do |defect| %>
  <%= defect.description %>
  <%= button_to 'Edit', edit_product_defect_path(@product, defect)
  <%= button_to 'Delete', product_defect_path(@product, defect), method: :delete
<% end %>

关于已创建的缺陷，您应该有权访问该缺陷，以便相应地修改您的附加语句。

var html = "<p> <%= @defect.defect_description </p>";
html += "<%= button_to 'Edit', edit_product_defect_path(@product, defect)";
$('#added').append(html);