嵌套模型通过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. 在您的视图/向导文件夹中创建一个文件new.js.erb

4. 在new.js.erb 中，调用javascript 来移除旧表单，重新渲染表单的部分。我会用 jQuery 做到这一点：

   $('#form-div').html('');

你有一个 Ajax 的东西。就这么简单。