How can I render a partial from .js.erb file in rails 4?

Question

In my rails application I have dragdrop.js.erb in /assets/javascript folder. In which I have an ajax block which should render a partial in a div with an on click action. I tried many things but I can't get it working. Any help would be appreciated.

Here is the code:

 $.ajax({  
   type: "GET",    
   url: "<%=  Rails.application.routes.url_helpers.cookbooks_path %>",
   success: function(resp){
  $("#property").load("<%= escape_javascript (render :partial => 'recipes/package_form') %>") 
   }

post related code that you have tried, so that we can help you — RAJ
– RAJ, Commented Aug 19, 2014 at 11:44
Whats the error/exception? Anyways, any special reason to keep .js.erb into assets/javascript instead of app/views? — RAJ
– RAJ, Commented Aug 19, 2014 at 12:04
undefined method render' for #<Chefmaster::Application:0x00000002d73f50> (in /home/cookmaster/workspace/test/app/assets/javascripts/dragdrop.js.erb)` — Bibin Wilson
– Bibin Wilson, Commented Aug 19, 2014 at 12:05

Community · Accepted Answer · 2017-05-23 12:00:05Z

8

Your problem is that you are trying to use render in assets, however, render is not available in assets

You should move your .js.erb file to an appropriate directory under app/views

Here are some other similar question:

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Aug 19, 2014 at 12:10

RAJ

9,7471 gold badge36 silver badges63 bronze badges

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

Comments

Richard Peck · Accepted Answer · 2014-08-19 12:15:33Z

Asset Pipeline

Firstly, you need to make sure that you don't use any Rails dynamic path helpers in your javascript directly.

The issue is that if you pre-compile your asset pipeline, you'll typically find these dynamic path helpers won't work correctly. Although there's nothing "wrong" with it - I tend to keep Rails back-end code completely separate from the front-end, as to ensure the versatility of the application:

#app/assets/javascripts/application.js
$(document).on("click", ".element", function(){
   $.ajax({  
     type: "GET",    
     url: "/cookbooks"
  });
});

This will send a "naked" Ajax request (no params / body) to your controller backend:

#app/controllers/cookbooks_controller.rb
Class CookbooksController < ApplicationController
   def index
      @cookbooks = Cookbook.all
      respond_to do |format|
        format.html
        format.js #-> loads /views/cookbooks/index.js.erb
      end
   end
end

The trick here is that you can now populate your index.js.erb file with the params necessary to render the partial:

#app/views/cookbooks/index.js.erb
$("#property").html("<%=j render :partial => 'recipes/package_form' %>")

--

This should work for you

Collectives™ on Stack Overflow

How can I render a partial from .js.erb file in rails 4?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related