Rails accepts_nested_attributes_for с f.fields_for и AJAX

Ответ 1

Возможно

Здесь очень, очень хороший учебник: http://pikender.in/2013/04/20/child-forms-using-fields_for-through-ajax-rails-way/

Мы также недавно внедрили этот вид формы в одном из наших приложений для разработки. Если вы перешли и http://emailsystem.herokuapp.com, зарегистрируйтесь (бесплатно) и нажмите "Новое сообщение". Часть "Подписчики" использует эту технологию

Кстати, мы сделали это вручную. Cocoon действительно выглядит действительно хорошо и, похоже, использует те же принципы, что и мы. Там также RailsCast, но это работает только для отдельных дополнений (я думаю)

f.fields_for

Как вы это делаете, используйте серию партикулов, которые динамически строят нужные вам поля. Из вашего кода, похоже, что у вас есть основы (форма работает), так что теперь это случай создания нескольких компонентов для обработки запроса AJAX:

• Вам необходимо обработать AJAX на контроллере (действие маршрута + контроллера)
• Вам нужно поместить ваши f.fields_for в частичные (чтобы их можно было вызвать с помощью Ajax)
• Вам нужно обработать функциональность build в модели

Обработка AJAX с помощью контроллера

Во-первых, вам нужно обрабатывать запросы Ajax в контроллере

Для этого вам нужно добавить новую "конечную точку" к маршрутам. Это наш:

 resources :messages, :except => [:index, :destroy] do
    collection do
       get :add_subscriber
    end
 end

Действие контроллера затем преобразуется в:

#app/controllers/messages_controller.rb
#Ajax Add Subscriber
def add_subscriber
    @message = Message.build
    render "add_subscriber", :layout => false
end

Добавить f.fields_for в частичные части

Чтобы справиться с этим, вам нужно поместить ваш f.fields_for в частичные. Вот код формы нашей формы:

#app/views/resources/_message_subscriber_fields.html.erb
<%= f.fields_for :message_subscribers, :child_index => child_index do |subscriber| %>
    <%= subscriber.collection_select(:subscriber_id, Subscriber.where(:user_id => current_user.id), :id, :name_with_email, include_blank: 'Subscribers') %>
<% end %>

#app/views/messages/add_subscriber.html.erb
<%= form_for @message, :url => messages_path, :authenticity_token => false do |f| %>
        <%= render :partial => "resources/message_subscriber_fields", locals: {f: f, child_index: Time.now.to_i} %>
<% end %>

#app/views/messages/new.html.erb
<% child_index = Time.now.to_i %>
<div id="subscribers">
    <div class="title">Subscribers</div>
    <%= render :partial => "message_subscriber_fields", locals: {f: f, child_index: child_index } %>
</div>

Расширьте функциональность сборки для своей модели

Чтобы все было сухим, мы только что создали функцию build в модели, которую мы можем вызывать каждый раз:

   #Build
    def self.build
       message = self.new
       message.message_subscribers.build
       message
    end

Child_Index

Ваш лучший друг здесь child_index

Если вы добавляете несколько полей, большая проблема, с которой вы столкнетесь, увеличивает значение [id] поля (это был недостаток, который мы обнаружили в учебнике Ryan Bates)

То, как было опубликовано первое учебное пособие, состояло в том, чтобы просто установить child_index новых полей с помощью Time.now.to_i. Это устанавливает уникальный идентификатор, и поскольку фактический идентификатор нового поля не имеет значения, вы сможете добавить столько полей, сколько хотите.

JQuery

    #Add Subscriber
    $ ->
      $(document).on "click", "#add_subscriber", (e) ->
         e.preventDefault();

         #Ajax
         $.ajax
           url: '/messages/add_subscriber'
           success: (data) ->
               el_to_add = $(data).html()
               $('#subscribers').append(el_to_add)
           error: (data) ->
               alert "Sorry, There Was An Error!"