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

时间:2014-03-04 07:53:51

标签: javascript jquery ruby-on-rails-3 ruby-on-rails-4

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

= 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字段呈现新价格。我该怎么办?

1 个答案:

答案 0 :(得分:1)

  1. 将表单放入部分
  2. 按一个按钮<%= link_to new_wizard_path, remote: true %>
  3. 在您的views / wizards文件夹new.js.erb
  4. 中创建一个文件
  5. new.js.erb中,执行javascript调用以删除旧表单,重新呈现表单部分。我会用jQuery做到这一点:

    $('#form-div')。html('&lt;%= render'form%&gt;');

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