rails ajax 分页

在分页中我们有时需要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插件好像提供了这个功能。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值