ruby-on-rails - Rails：使用 AJAX 删除表单字段

Question

我有一个嵌套表单，其中一个锻炼有很多练习，我试图让用户删除练习并将其添加到表单中，而无需提交表单。

<%= form_for(@workout) do |f| %>

    <%= f.label :name %><br />
    <%= f.text_field :name %><br />
    <%= f.label :description %><br>
    <%= f.text_area :description %></br>

    <%= f.fields_for :workout_exercises do |workout_exercise| %>
        <fieldset>
            <%= workout_exercise.text_field :name %>    
            <%= workout_exercise.hidden_field :_destroy %>
            <%= link_to "Remove Exercise", '#', class: "remove_fields" %>
               ##This is what I want to do ##
            <%= link_to 'Remove Exercise', set, remote: true, class: "remove_fields delete", method: :delete %>
        </fieldset> 
  <% end %>

现在我可以让这些字段淡出，但是要将更改保存到数据库中，我需要单击表单底部的“更新锻炼”按钮。我希望更改在按下“删除练习”按钮后立即生效，否则，用户会认为元素已被删除，而实际上它只是被隐藏了。

有任何想法吗？

谢谢！

Answer 1

为此，我强烈推荐Cocoon gem。您可以根据需要在插入嵌套字段集之前和之后添加事件。