Форма вложенной модели Rails: динамическое добавление полей вложенной модели через JavaScript с использованием Prototype - PullRequest
Новая
       2

Форма вложенной модели Rails: динамическое добавление полей вложенной модели через JavaScript с использованием Prototype

0 голосов
/ 09 марта 2011

Я следую учебнику Railscast с января 2010 года.

Я реализую списки проектов, в которых есть has_many Items.

Код для динамического добавления полей Item:не работает.

views / projects / _form.html.erb 

<%= form_for(@project) do |f| %>
  <p>
    <%= f.label :title %><br />
    <%= f.text_field :title %>
  </p>

  <% f.fields_for :items do |builder| %>
    <%= render "item_fields", :f => builder %>
  <% end %>
  <p><%= link_to_add_fields "+item", f, :items %></p>

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

views / projects / _item_fields.html.erb 

<div class="fields">
  <p>
    <%= f.label :name, "item" %>
    <%= link_to_remove_fields "remove", f %><br />
    <%= f.text_field :name %>
  </p>
</div>

helpers / application_helper.rb

  def link_to_remove_fields(name, f)
    f.hidden_field(:_destroy) + link_to_function(name, "remove_fields(this)")
  end

  def link_to_add_fields(name, f, association)
    new_object = f.object.class.reflect_on_association(association).klass.new
    fields = f.fields_for(association, new_object, :child_index => "new_#{association}") do |builder|
      render(association.to_s.singularize + "_fields", :f => builder)
    end
    link_to_function(name, h("add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")"))
  end

public / javascripts / application.js 

function remove_fields(link) {
  $(link).previous("input[type=hidden]").value = "1";
  $(link).up(".fields").hide();
}

function add_fields(link, association, content) {
  var new_id = new Date().getTime();
  var regexp = new RegExp("new_" + association, "g")
  $(link).up().insert({
    before: content.replace(regexp, new_id)
  });
}

Оригинальный код января 2010 доступен по https://github.com/ryanb/railscasts-episodes/tree/master/episode-197/surveysays

Разница в реализации заключается в том, что мойКод имеет только 1 слой (Project / Item).В учебнике больше вложенности (Опрос / Вопрос + Ответ).

Что мне нужно изменить в javascript или других частях, чтобы работала функция добавления нового элемента?

Спасибо

1 Ответ

0 голосов
/ 18 марта 2011

Для модели требуется объявить acceptpts_nested_attributes_for. 

class Project < ActiveRecord::Base
  has_many :items
  accepts_nested_attributes_for :items
end

Кроме того, link_to_remote отсутствует в Rails 3, если вы сначала не установите http://github.com/rails/prototype_legacy_helper.

...