Coding Tidbits

Cube Root is an exclusive Ruby on Rails Consultancy. Find our programming ramblings here.

Ajax Pagination In Rails

In this blog post we will see how to apply rails pagination on Ajax. Here, I am doing pagination using kaminari.

1.Add following gem in your Gemfile.

gem kaminari

2.bundle install

3.Open your controller file in which you want to apply pagination.

def index
  @products = Product.page(params[:page]).per(10)
		respond_to do |format|
		  format.js
		  format.html
	end
end

4.In view file index.html.haml.

%div#products
	  = render :partial => '/products/product', :locals => {:products => @products}

	#paginate	     
	  = paginate @products, :remote => true

5.Add following code in _product.html.haml file.

%table
  @products.each do |product|
  %tr
 	  %td= product.name

6.Create new file _index.js.haml and add following code in it.

$('#products').html('<%= escape_javascript render(:partial => '/products/product', :locals => {:products => @products}) %>');
$('#paginator').html('<%= escape_javascript(paginate(@products, :remote => true).to_s) %>');     

And it’s done! pagination works with ajax.