Rendering a Rails partial on a jQuery click function

Question

I may be thinking of this all wrong but I've been trying to render a partial in a jQuery click function like so...

closeShow.click(function(){
    parentDiv.empty();
    parentDiv.html('<%= escape_javascript(render "sibling_div_partial") %>');
});

I've also tried using .append for the partial but the when I check the view in the browser, it comes up with just the text (i.e <%= escape_javascript(render "sibling_div_partial") %>) instead of the partial.

A little more infomration as to what I'm trying to accomplish.... I want to remove a div when the close button is clicked and then rebuild that div as a partial when a close button is clicked.

Am I conceptualizing this all wrong?

Do a response format js front the controller, and then create a js view with the escape_javascrit... — Jean
– Jean, Commented Feb 2, 2015 at 21:49

craig.kaminsky · Accepted Answer · 2015-02-02 21:45:08Z

3

Were it me, I would probably go with a remote link in Rails, which makes a js-formatted request to your controller/action.

Once clicked, the remote link would hit the controller/action specified in the link path/url and then, in that controller action's js file you can run the appropriate JavaScript.

The ERB/HAML View

# home/index.html.erb 
<%= link_to 'Some Link', some_controller_path, remote: true %>

The Controller

# my controllers_controller.rb
def controller_action
  # do awesome controller stuff
end

The Action's JS View

# controller_action.js.erb 
$('parent-div').empty();
$('parent-div').html('<%= escape_javascript(render "sibling_div_partial") %>');

answered Feb 2, 2015 at 21:45

craig.kaminsky

5,59830 silver badges32 bronze badges

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

2 Comments

BroiSatse Over a year ago

# controller_action.js.haml - shouldn't that be erb?

craig.kaminsky Over a year ago

LOL ... yes, if you use ERB and not HAML ... I hate ERB since it reminds me of ASP and makes cold shivers go down my spine ;) ... but you're right as his escape_javascript is using ERB. Will edit

Xianny · Accepted Answer · 2015-02-02 21:24:08Z

0

I don't know if you can render dynamically. Rendering happens in the controller, whereas javascript is all view (i.e. client-side).

You can try putting the partial in your template, and toggle visibility of parentDiv when clicked.

answered Feb 2, 2015 at 21:24

Xianny

1071 silver badge7 bronze badges

Collectives™ on Stack Overflow

Rendering a Rails partial on a jQuery click function

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related