在分页中我们有时需要ajax的分页方式。javaeye上也有很多关于通过will_paginate 通过使用另一个renderer 来实现一个ajax的效果 。不过我更喜欢railscasts上使用javscripts的方式和实现ajax的方式。
感学使用javascripts更加的方便,也可能定制更多的效果。
详细的演示地址在这:http://railscasts.com/episodes/174-pagination-with-ajax
# products_controller.rb
def index
@products = Product.paginate(:per_page => 10, :page => params[:page])
end
<!-- layouts/application.html.erb --> <%= javascript_include_tag 'jquery' %> <!-- products/index.js.erb --> $("#products").html("<%= escape_javascript(render("products")) %>");
// public/javascripts/pagination.js $(function() { $(".pagination a").live("click", function() { $(".pagination").html("Page is loading..."); $.get(this.href, null, null, "script"); return false; }); }); // For older jQuery versions... // jQuery.ajaxSetup({ // 'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")} // });
提示:其中live是jquery 1.3.2才有的特性, 如查你使用的不是这个版本,点击的第一下会成功,后面就不行了,主要的生的链接i 不能触发click事件。 但是好像有这个livequery插件好像提供了这个功能。