Rendering partial with ajax in Rails 3

Question

I've a simple application that contains post that has many comments.

I can create comments from posts#show with the following form.

<%= form_for @comment, :remote => true, :html => {:'data-type' => 'html', :id =>                 'create_comment_form' }, :'data-update-target' => 'comments-container'$
    <%= f.text_area :content %>
    <%= f.hidden_field :post_id, :value => @post.id %>
    <%= f.submit 'Submit', :disable_with => 'Please wait...', :class => 'submit' %>
<% end %>

And then I show the comments with

<div id="comments-container">
  <%= render "posts/comments"  %>
</div>

which loops through @post.comments.

Is it possible to update @post.comments and rerender the partial when the form is submited?

Mike Campbell · Accepted Answer · 2013-03-06 09:51:09Z

4

Do you currently render anything from your posts#create action? Either way, you'll want to render a create.js.erb (create this file in app/views/posts/) like @jvnill says:

def create
  # do your thang..
  respond_to do |format|
    format.js do
      # any stuff you want to do when responding to JS
    end
  end
end

This will automatically render create.js.erb, which should be something like:

$('#comments-container').html('<%= escape_javascript(render "posts/comments") %>');

Edit - you're getting the problem you describe with render because your trying to render from an asset. Put it in your views directory.

answered Mar 6, 2013 at 9:51

Mike Campbell

7,9882 gold badges42 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jvnill · Accepted Answer · 2013-03-06 09:19:48Z

2

It is possible to do that. In create.js.erb, try

$('#comments-container').html('#{escape_javascript render('posts/comments')}')

Make sure that whatever instance variables you're using inside the partial is declared.

UPDATE: A better way would be to just append the comment at the end of the div.

answered Mar 6, 2013 at 9:19

jvnill

29.6k5 gold badges86 silver badges86 bronze badges

3 Comments

Artmann Over a year ago

$("#comments-container").html("<%= escape_javascript( render(:partial => "posts/comments") ) %>"); results in undefined method `render' for #<#<Class:0x00000002100ae8>:0x00000003515dd0>

Artmann Over a year ago

I guess I will return the comments as json and append it, the downside of this is that you lose the benefit of using a partial for formating the comments

jvnill Over a year ago

no you can still use a partial for the comments. inside posts/comments, use a partial to render each comment, then use that partial to append to the div. as for your error, it is weird you're getting that.

Collectives™ on Stack Overflow

Rendering partial with ajax in Rails 3

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related