Ruby on Rails

Pagination is a very common task in web application development. But sometimes we need to paginate something with ajax request. The interest to use Ajax for this is to provide a dynamic interface which doesn’t need to reload the entire page when next results(page) displayed. Ajax is really nicely integrated with Rails, and using it is very easier with this great framework. To work with ajax requests your browser must be enabled to handled java script requests. I knew two methods for that problem.

First Method

Your Controller code

def ajax_pagination_links<br /> @posts_pages, @posts= paginate :posts, :per_page => 3, :order => “id DESC”<br /> respond_to do |format|<br /> format.html {render :partial=>”posts”,:layout=>”application”}<br /> format.js {render :update do |page|<br /> page.replace_html ‘total_posts’, :partial=>’total_posts’<br /> page.visual_effect :highlight, “total_posts”<br /> end<br /> }<br /> end<br /> end

Layout

<%= javascript_include_tag :defaults %>

View

<br /> <table width="100%"> <tr> <td> <table id="total_posts" > <%= render :partial=>“total_posts”%><br /> </table> </td> </tr> </table> <p>

<% for post in @posts %></p> <tr> <td> <strong><%= truncate(h(post.title.capitalize!),50) -%></strong> </td> </tr> <tr> <td> <strong><%= truncate(h(post.description.capitalize!),50) -%></strong> </td> </tr> <p> <%end -%></p> <tr> <td> <span><br /> <%= link_to_remote 'Previous page',{:url=>{:action=>ajax_pagination_links, :page => @posts_pages.current.previous }, if @posts_pages.current.previous -%> </p> <p> <%= link_to_remote 'Next page', {:url=>{:action=>ajax_pagination_links, :page => @posts_pages.current.next} if @posts_pages.current.next -%><br /> </span> </td> </tr> <p>

Second Method

Put this code in a helper somewhere

def ajax_pagination_links(paginator, options={})<br /> options.merge!(ActionView::Helpers::PaginationHelper::DEFAULT_OPTIONS) {|key, old, new| old}<br /> window_pages = paginator.current.window(options[:window_size]).pages<br /> return if window_pages.length <= 1 unless<br /> options[:link_to_current_page]</p> <p> first, last = paginator.first, paginator.last</p> <p> returning html = '' do<br /> if options[:always_show_anchors] and not window_pages[0].first?<br /> html << link_to_remote(first.number, :update => options[:update], :url => { options[:name] => first }.update(options[:params] ))<br /> html << ' ... ' if window_pages[0].number - first.number > 1<br /> html << ' '<br /> end</p> <p> window_pages.each do |page|<br /> if paginator.current == page && !options[:link_to_current_page]<br /> html << page.number.to_s<br /> else<br /> html << link_to_remote(page.number, :update => options[:update], :url => { options[:name] => page }.update(options[:params] ))<br /> end<br /> html << ' '<br /> end</p> <p> if options[:always_show_anchors] && !window_pages.last.last?<br /> html << ' ... ' if last.number - window_pages[-1].number > 1<br /> html << link_to_remote(paginator.last.number, :update => options[:update], :url => { options[:name] => last }.update( options[:params]))<br /> end<br /> end<br /> end

and use following code for creating links
View

<%= ajax_pagination_links @posts_pages, {:params => {:posts => @posts} } %>