Nested Model Forms - Railscast # 196 poprawiono - dodawanie pól za pomocą jQuery nie działa
Podążałem zaPoprawiono kolejkę # 196 i wszystko poszło dobrze, ale nie mogę dodawać nowych pól do zagnieżdżonej formy. Funkcja „usuń pola” działa dobrze, ale po kliknięciu „link_to_add_fields” przeglądarka przeskakuje na górę strony i nie pojawia się nowe pole.
Takich pytań jest już mnóstwotutaj lubtutaji próbowałem je wszystkie przeczytać, ale większość z nich odnosi się do oryginalnych odlewów z 2010 roku. Teraz utknąłem na wiele godzin i nie wiem, gdzie jest mój problem. Przepraszam, jeśli jest to nowicjusz, to jestem całkiem nowy w szynach. Każda pomoc byłaby naprawdę mile widziana!
Śledziłem poprawioną wersję # 196, używając Rails 3.2.13, Ruby 1.9.3
modele / post.rb
class Post < ActiveRecord::Base
attr_accessible :content, :title, :image, :postfiles_attributes
has_many :postfiles, :dependent => :destroy
accepts_nested_attributes_for :postfiles, allow_destroy: true
end
models / postfile.rb
class Postfile < ActiveRecord::Base
attr_accessible :dropbox, :gdrive, :post_id
belongs_to :post
end
views / posts / _form.html.erb
<%= simple_form_for @post do |f| %>
<%= f.fields_for :postfiles do |builder| %>
<%= render 'postfile_fields', f: builder %>
<% end %>
<%= link_to_add_fields "Add File", f, :postfiles %>
<% end %>
views / posts / _postfile_fields.html.erb
<fieldset>
<%= f.text_field :dropbox %>
<%= f.hidden_field :_destroy %>
<%= link_to "remove", '#', class: "remove_fields" %>
</fieldset>
postfiles.js.coffee
jQuery ->
$('form').on 'click', '.remove_fields', (event) ->
$(this).prev('input[type=hidden]').val('1')
$(this).closest('fieldset').hide()
event.preventDefault()
$('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()
application_helper.rb
module ApplicationHelper
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", data: {id: id, fields: fields.gsub("\n", "")})
end
end
Z góry dziękuję bardzo za pomoc!
AKTUALIZACJA: Używam prostego formularza. Zobacz plik _form powyżej. Czy to może być problem?
AKTUALIZACJA II:
Dostaję błąd Javascript, nie jestem pewien, czy może to być problem w tym przypadku: Chrome nazywa to „Uncaught SyntaxError: Unexpected reserved word”, a Firebug nazywa to „SyntaxError: unterminated string literal”. Błąd wskazuje na tę część kodu js:
loadData: function(data){
this.$editor.addClass('st-block__editor');
this.$editor.html("
<div class='st-block__inner'>
<div class='media'>
<a class='pull-left' >
<img class='media-object link-pic' src='" + data.thumbnail_url + "'>
</a>
<div class='media-body'>
<div class='link-source'>" + data.provider_name + "</div>
<div class='link-title'> <a href='#'>" + data.title + "</a></div>
<div class='link-description'>" + data.description + "</div>
</div>
</div>
</div>
");
},
AKTUALIZACJA 3:
Czy kontroler postów może być częścią tego problemu?
To jest mój posts_controller.rb
def new
@post = current_user.posts.new
@post.postfiles.build
respond_to do |format|
format.html # new.html.erb
format.json { render json: @post }
end
end
Jeszcze raz dziękuję za całą pomoc!