Powered by

# Using AJAX

If you AJAX-render any of the javascript helpers mentioned above, you should also execute Pagy.init(container_element); in the javascript template. Here is an example for an AJAX-rendered pagy_bootstrap_nav_js:

Controller
def pagy_remote_nav_js
  # notice the anchor_string to enable Ajax
  @pagy, @products = pagy(collection, anchor_string: 'data-remote="true"')
end
"pagy_remote_nav_js.html.erb" - non-AJAX render (first page-load)
<div id="container">
  <%= render partial: 'nav_js' %>
</div>
"_nav_js.html.erb" partial - AJAX and non-AJAX rendering
<%== pagy_bootstrap_nav_js(@pagy) %>
"pagy_remote_nav_js.js.erb" template - AJAX rendering
document.getElementById('container').innerHTML = "<%= j(render 'nav_js')%>";
Pagy.init(document.getElementById('container'));