rails2.3 Ajax分页 实现方案

简介:
实例:Ajax分页
1.首先扩展will_paginate插件,因为插件默认是不支持的,在插件中找到view_helpers.rb源文件。
添加代码:
复制代码
def  will_paginate_remote(paginator, options = {})
  update 
=  options.delete(:update)
  url 
=  options.delete(:url)
  str 
=  will_paginate(paginator, options)
  
if  str  !=  nil
    str.gsub(
/ href = " (.*?) " / ) do
      
" href=\ " # \" onclick=\"new Ajax.Updater('" + update + "', '" + (url ? url + $1.sub(/[^\?]*/, '') : $1) +
       " ', {asynchronous:true, evalScripts:true, method:'get'}); return false;\ ""
    end
  end
end
复制代码
2.在需使用无刷新分页的页面里加入:
<% =  javascript_include_tag :defaults  %>
3.修改本页的分页方法,改为:
<% =  will_paginate_remote (@blogs,:update => ' blogs',:url=>nil,:prev_label=>'上一页',:next_label=>'下一页',:separator=>" | ")%>

ok,大功告成,这样一个Ajax分页就做完了,是不是非常快呐。这也正是其魅力所在。想想用jquery+java去实现

这个功能肯定花费的时间会很多。但是这么着就做完了,的确快的让人受不了。比拖.net控件还爽。


本文转自施杨博客园博客,原文链接:http://www.cnblogs.com/shiyangxt/archive/2009/07/31/1536183.html,如需转载请自行联系原作者

相关文章
|
前端开发
JavaWeb15(AJAX+JSON实现无刷新分页)
JavaWeb15(AJAX+JSON实现无刷新分页)
|
前端开发
Echarts实战案例代码(21):front-endPage的CJJTable前端分页插件ajax分页异步加载数据的解决方案
Echarts实战案例代码(21):front-endPage的CJJTable前端分页插件ajax分页异步加载数据的解决方案
94 0
|
前端开发 JavaScript Java
Jquery+Ajax+Bootstrap Paginator实现分页的拼接
Jquery+Ajax+Bootstrap Paginator实现分页的拼接
61 0
|
前端开发 Java
教你实现SSM和Ajax后端分页
教你实现SSM和Ajax后端分页
|
前端开发
【(不用Ajax)解决 Layui 插件分页点下一页后又自动跳回前一页的问题】
【(不用Ajax)解决 Layui 插件分页点下一页后又自动跳回前一页的问题】
182 0
|
前端开发
tp5.1结合ajax和layui实现分页根据年区分数据
tp5.1结合ajax和layui实现分页根据年区分数据
83 0
|
前端开发
自己写出个ajax的分页插件
自己写出个ajax的分页插件
自己写出个ajax的分页插件
|
XML JSON JavaScript
原生AJAX实现异步请求
原生AJAX实现异步请求
130 0
|
前端开发 JavaScript
【jquery ajax】实现文件上传提交
【jquery ajax】实现文件上传提交
282 0
【jquery ajax】实现文件上传提交
|
JavaScript 搜索推荐 API
JQuery+ajax实现类似百度搜索自动匹配功能
JQuery+ajax实现类似百度搜索自动匹配功能
371 0
JQuery+ajax实现类似百度搜索自动匹配功能