Passing instance variable to js.erb file (Rails 3 / jQuery)

Question

I have an "index.html.erb" file with the following:

<%= render @users %>

This renders "_user.html.erb" and outputs a button for performing a certain action on each user:

<%= link_to "action", action_path(user), :id => "#{user.id}_action", :remote => true) %>

I've set up my User controller to respond to the AJAX request by looking at "action.js.erb".

In order to perform javascript methods on particular users within the partial, and I'd like to know how instance variables from my partial (such as user.id) can be passed into or accessed within the js.erb file, for instance:

$("#{@user.id}_action").toggle();

Magnar · Accepted Answer · 2011-05-14 18:14:01Z

11

You access the information in your *.js.erb-files just like in your *.html.erb-files, using @users or other instance variables declared in the controller:

$("#<%= @user.id %>_action").toggle();

edited May 14, 2011 at 18:14

answered May 14, 2011 at 17:43

Magnar

28.9k8 gold badges62 silver badges66 bronze badges

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

3 Comments

neon Over a year ago

please see edit. declaring @user.id within the js.erb as such isn't being recognized.

neon Over a year ago

awesome. works with a minor edit to declare the css id using the "#" prefix. (please make the edit in your answer, it won't let me do it). thanks!

zx1986 Over a year ago

I got nil on @user or @whatever.

Nuriel · Accepted Answer · 2013-01-15 18:59:11Z

6

there's an excellent gem called gon that might simplify and organize things quite a bit: https://github.com/gazay/gon/blob/master/README.md

edited Jan 15, 2013 at 18:59

answered Mar 6, 2012 at 11:17

Nuriel

3,7513 gold badges25 silver badges24 bronze badges

1 Comment

Felipe Maion Over a year ago

Perfect!! Exactly what I was looking for!!

Collectives™ on Stack Overflow

Passing instance variable to js.erb file (Rails 3 / jQuery)

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related