Rails Как добавить комментарии к коллекции микропоста без перезагрузки страницы

Question

У меня две модели; Микропоста и комментарий. Micropost имеет много комментариев и комментариев к Micropost.

Прежде всего. Там в StaticPagesController, который держит мой дом действие

class StaticPagesController < ApplicationController 
    def home 
    if logged_in? 
     @micropost = current_user.microposts.build 
     @feed_items = current_user.microposts.paginate(page: params[:page]) 
    end 
    end 
(..) 

home.html.erb оказывает корм

= render 'shared/feed' 

_feed.html.haml оказывает feed_items

- if @feed_items.any? 
    %ol.microposts 
    = render @feed_items 
    = will_paginate @feed_items 

, который оказывает _micropost.html.haml

%li 
    %div.comments{data: { mid: "#{micropost.id}"}} 
    %div.comment_container{:id => "comments_for_#{micropost.id}"} 
     %ul 
     - comments = micropost.comments 
     - comments.each do |comment| 
      %li 
      %a{:href => user_path(comment.user), :class => "author"} 
       = comment.user.name 
      %span.comment_body= comment.body 
      %span.comment_timestamp= "created " + time_ago_in_words(comment.created_at).to_s 
    %div 
     = form_for current_user.comments.build(:micropost_id => micropost.id), | 
                :remote => true do |f| 
     = f.hidden_field :micropost_id 
     = f.hidden_field :user_id 
     = f.text_field :body, class: "form-control", placeholder: "What do you think?" 
     = button_tag(type: 'submit', class: "btn btn-default") do 
      %i.glyphicon.glyphicon-comment 
      Comment 

Если комментарий представил создать действие называется

class CommentsController < ApplicationController 
    before_action :correct_user, only: :destroy 
    def create 
    @micropost = Micropost.find(params[:comment][:micropost_id]) 
    @comments = @micropost.comments 
    @comment = current_user.comments.build(comment_params) 
    @comment.save 
    respond_to do |format| 
     format.js 
     format.html 
    end 
    private 
    def comment_params 
     params.require(:comment).permit(
     :id, :body, :user_id, :micropost_id) 
    end 
    def correct_user 
     @comment = current_user.comments.find_by(id: params[:id]) 
     redirect_to root_url if @comment.nil? 
    end 
end 

create.js.erb

var mid = $(".comment_container").parent(".comments").data('mid'); 
$("#comments_for_" + mid).html("<%= escape_javascript(render('comments/comment')) %>") 

Моя цель состоит в том, чтобы добавить новый комментарий к связанной с ним micropost без перезагрузки всей страницы.

Я положил micropost.id разметке с %div.comments{data: { mid: "#{micropost.id}"}} и я попытался поймать micropost его родительский тег и, наконец, (пере) делают комментарии с частичным

, но это всегда возвращает тот же идентификатор и вставляет каждый новый комментарий с той же микропостью.

Как я могу получить информацию о micropost.id комментария в create.js.erb?

_comment.html.erb

<ul> 
    <% @comments.each do |comment| %> 
    <li> 
     <a class="author" href="<%= user_path(comment.user) %>"> 
     <%= comment.user.name %> 
     </a> 
     <span class="comment_body"> 
     <%= comment.body %> 
     </span> 
     <span class="comment_timestamp"> 
     <%= "created " + time_ago_in_words(comment.created_at).to_s %> 
     </span> 
    </li> 
    <% end %> 
</ul> 

Answer 1

Не могли бы вы попробовать следующее:

В вашем create.js.erb:

$("#comments_for_#{@comment.micropost_id}%>").html("<%= escape_javascript(render('comments/comment')) %>"); 

Я подозреваю, что что-то не так с JQuery селекторы, и вы можете добиться того, чего вы хотите более легко.

PS: Вы не должны полагаться на переменные экземпляра в своих частях. Вместо этого передайте свои экземпляры vars в частичные с помощью локальных пользователей. В противном случае ваши частичные элементы нельзя использовать повторно.