In Rails when using AJAX, how to change the js file it loads?

Question

For example, I use data remote for the pagination like this :

<%= paginate @products, :remote => true %>

It works. But the problem is I have multiple lists to paginate in one page. So, I need a way to send the call to a separate files so I can render the appropriate content. How can I do this?

My index.js.erb :

<% if params[:list] %>
   $('#products').html('<%= escape_javascript render(@products) %>');
   $('#paginator').html('<%= escape_javascript(paginate(@products, remote: true, param_name: 'list' ).to_s) %>');
<% end %>

I believe you are talking about different js view template. If so you can do something like this. if request.xhr? render( :partial => "partial_name", :locals => {:products => @products}, :layout => false ) in the controller's action. — Sivanand Kheti, Mar 18 '15 at 06:18

Dipak Gupta · Answer 1 · 2015-03-18T06:05:38.907

1

For this you need to add another param with paginate.

<%= paginate @products, :remote => true, :param_name => param_name %>

This params name will pass as parameter to controller so you can control which ajax pagination you are calling.

If you are calling same action then on the basis of param name you can change the value of @products also. One more thing you need to consider in your xxxx.js.erb file you need to render paginate object also.

In your js file you can change html on the basis of param also.

- if params[:xxx]
  $('#xxx').html('#{escape_javascript render(:partial =>"partial_name",:locals => { :posts => @products, :param_name => 'xxx'})}');
  $('#xxx #paginator').html('#{escape_javascript(paginate(@products, :remote => true, :param_name => 'xxx').to_s)}');
- if params[:yyy]
  $('#yyy').html('#{escape_javascript render(:partial =>"partial_name",:locals => { :posts => @products, :param_name => 'yyy'})}');
  $('#yyy #paginator').html('#{escape_javascript(paginate(@products, :remote => true, :param_name => 'yyy').to_s)}');

In your controller you should use param_name instead of params page

edited Mar 18 '15 at 06:05

answered Mar 18 '15 at 05:59

Dipak Gupta

7,321
1
20
32

Thanks. How can I call different js from controller – THpubs Mar 18 '15 at 06:00
Are you calling different action – Dipak Gupta Mar 18 '15 at 06:03
You can do it in same js file on the basis of params_name. – Dipak Gupta Mar 18 '15 at 06:09
Now it's working except for the first page. I can go to other pages but can't come back to page 1 – THpubs Mar 18 '15 at 08:28
I posted my index.js.erb. When i remove the if, it works. But can't remove it – THpubs Mar 18 '15 at 08:33
It should work with `if` also. try check with `present?`. `<% if params[:list].present? %>` It should work with if. – Dipak Gupta Mar 18 '15 at 08:40
Try add alert inside if block and see if alert popup or not – Dipak Gupta Mar 18 '15 at 09:16
I think ruby code is not running in that file. Is there a way to pick the file to load from the controller? – THpubs Mar 18 '15 at 09:25
in responds_to block add if case and using format.js render particular js file on the basis of params – Dipak Gupta Mar 18 '15 at 10:51

In Rails when using AJAX, how to change the js file it loads?

1 Answers1