table 中的嵌套表单不起作用

Question

有人可以帮助我如何将嵌套表单放入 table 中吗？

我的代码：

#app/view/master_templates/edit.html.erb
<%= form_for(@master_template) do |f| %>     
  <%= f.label :name %><br />
  <%= f.text_field :name %>

  <table border="1">
    <%= f.fields_for :master_template_details, :wrapper => false do |p| %>
      <%= render 'master_template_detail_fields', {f: p} %>
    <% end %>
    <tr><td><%= link_to_add_fields "Add Details", f, :master_template_details %></td></tr>
  </table>

  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

#app/views/master_templates/_master_template_details_fields.html.erb
<tr class="fieldset">
  <td><%= f.hidden_field :id %></td>
  <td><%= f.select :field_type_id, options_from_collection_for_select(FieldType.all, :id, :name, f.object.field_type_id) %></td>
  <td><%= f.hidden_field :_destroy %></td>
  <td><%= link_to "Remove Detail", '#', class: "remove_fields" %></td>
</tr>

#app/helpers/application_helper.rb.
  def link_to_add_fields(name, f, association)
    new_object = f.object.send(association).klass.new
    id = new_object.object_id
    fields = f.fields_for(association, new_object, child_index: id) do |builder|
        render(association.to_s.singularize + "_fields", f: builder)
    end
    link_to(name, '#', class: "add_fields btn", data: {id: id, fields: fields.gsub("\n", "")})
  end

#app/assets/application.js.coffee
jQuery ->
  # Remove fieldset
  $('form').on 'click', '.remove_fields', (event) ->
    $(this).prev('input[type=hidden]').val('true')
    $(this).closest('fieldset').hide()
    event.preventDefault()

  # Add more fieldset
  $('form').on 'click', '.add_fields', (event) ->
    time = new Date().getTime()
    regexp = new RegExp($(this).data('id'), 'g')
    $(this).before($(this).data('fields').replace(regexp, time))
    event.preventDefault()

当我尝试单击 添加详细信息 link 时，它将在添加详细信息 link 的 <td> 中创建 <fieldset>*details*</fieldset> . Remove Detail link 不工作，但没有 table 它工作。

我找到了 this，但它不起作用或者我做错了。我是嵌套、ROR 和 js 的菜鸟。请帮忙详细点。谢谢

Answer 1

尝试一下是否有效。我不太确定。

$('form').on 'click', '.remove_fields', (event) ->
$(this).parent().prev().find('input[type=hidden]').val('true')
$(this).parent().parent().hide()
event.preventDefault()


$('form').on 'click', '.add_fields', (event) ->
time = new Date().getTime()
regexp = new RegExp($(this).data('id'), 'g')
$(this).parent().parent().before($(this).data('fields').replace(regexp, time))
event.preventDefault()

table 中的嵌套表单不起作用

Nested form in a table, not working

javascript

ruby-on-rails

ruby-on-rails-4

nested-forms

fields-for