javascript - 嵌套模型通过javascript添加和销毁

Question

在我的应用程序中，我有带有嵌套模型字段的表单，它看起来像这样:

= simple_form_for [:partners, @car], url: wizard_path do |f|
  = f.association :payment_types, as: :check_boxes
  = f.simple_fields_for :prices do |p|
    = p.input :from_days
    = p.input :to_days
    = p.input :netto_price
    = p.input :available_from, as: :string
    = p.input :available_to, as: :string 
  = f.submit

现在我想要一个“添加新”按钮，当我单击它时，它将通过 JavaScript 字段呈现新价格。我该怎么做？

Answer 1

1. 将表单放入部分
2. 制作一个按钮<%= link_to new_wizard_path, remote: true %>
3. 在 View /向导文件夹中创建一个文件 new.js.erb

4. 在 new.js.erb ，执行 javascript 调用以删除旧表单，重新呈现表单部分。我会用 jQuery 来做到这一点:

   $('#form-div').html('<%= render 'form %>');

这就是 Ajax 的东西。就这么简单。