动态添加嵌套表单

Question

我一直在关注这个railscast http://media.railscasts.com/videos/074_complex_forms_part_2.mov< /a>

我有一个任务和步骤。每个任务可以有多个步骤。

我试图通过单击链接来添加嵌套表单。 Railscast 显示的内容与我所拥有的内容之间的区别在于，我在步骤控制器中获得了步骤表单，但这应该不是问题。

我也在使用 Rails3 和 jQuery，但还没有看到任何关于如何在 Rails3 中执行此操作的教程。

我的任务/new.html.erb

<%= form_for @task, :html=>{:multipart => true do |f| %>
  <%= render 'form', :f=>f %>
< end >

用于我的任务/_form.html.erb

  <%= f.label :task_name %>
  <%= f.text_field :task_name %>

 <%= f.label :media %>
 <%= f.file_field :media %>
      < div id="steps" >
          <%= render 'steps/form', :f=> f % >
      < /div>
     <%= link_to_function "Add Step" do |page|
         page.insert_html :bottom, :steps, :partial=>'steps/form', :object => Step.new end %>
<%= f.submit %>

步骤/form.html.erb

<p class="fields">
    <%= fields_for :steps do |builder| %>
       <%= builder.label :title >
       <%= builder.text_field :title >
       <%= builder.label :description %>
       <%= builder.text_area :description %>
    <% end %>
</p>

页面加载正常，但是当我单击“添加步骤链接”时，出现两个 JavaScript 错误。

RJS error:
 TypeError: Element.insert is not a function

然后

Element.insert("steps", {bottom: "<p class=\"fields\">\n\t</p>\t"});

Answer 1

link_to_function 在rails3 中不再有效。

我所做的是
1) 观看此截屏http://railscasts.com/episodes/205-unobtrusive-javascript

而不是 'link_to_function，我现在有

<% link_to "Add Step", @step, :remote=>true, :class=>'addStep'%>

然后我有一个 content_for 来处理和显示 javascript (jQuery)

$('a.addStep').click(function(){
   $('div#newStep').html("<= escape_javascript(render('steps/form'))%>");
})

这是将表单添加到页面，但它并没有全部连接起来，因为渲染没有连接完成任务的步骤。还不完全确定如何编写，但表单现在正在添加到页面中，只是无法正确提交。

Answer 2

你应该尝试一下这个 gem https://github.com/ryanb/nested_form 这样更容易设置起来没有任何麻烦。您是否还使用 http://railscasts 查看了 Rail-casts。 com/episodes/196-nested-model-form-part-1 和 http://railscasts.com/episodes/197-nested-model-form-part-2。这些是复杂形式的全新形式，而不是嵌套模型，同样的事情。

去掉所有的“h”，并确保将应用程序帮助程序底部的 Jquery 行更改为：

link_to_function(name, "add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")")

此线程可以指导您：rails fields_for render parts with multiple locals generated undefined-variable

另请阅读 Rails 强制转换的评论区域，因为它们通常具有更新的代码一直到今天。