(部分代码已经更新,请见5楼:http://www.ruby-lang.org.cn/foru ... fromuid=321#pid4598 )
其实这个并不是一个完整的插件,仅仅是个雏形,前因是由于Black的回帖:
http://www.ruby-lang.org.cn/foru ... fromuid=321#pid4559 感觉Black是个很爱学习的小伙子,刚刚花了点时间做个简单的东西来实现Black需要的功能。其实这也是个简单的插件制作过程。
如果你不感兴趣,只是想使用,请直接转到 6楼:http://www.ruby-lang.org.cn/foru ... p;extra=page%3D1###
一:新建
Projectphp?name=rails" onclick="tagshow(event)" class="t_tag">rails ajax_paginate_demo
地球人都知道这个是干嘛的,不说了
二:安装will_paginate插件
本插件依赖will_paginate,请安装之
http://www.ruby-lang.org.cn/foru ... =985&highlight=
三:制作我们的ajax_paginate插件
ruby script/generate plugin ajax_paginate
并且在lib下新建ajax_paginate目录,目录如下图
修改init.rb
require 'ajax_paginate/view_helpers'
ActionView::Base.send :include, AjaxPaginate::ViewHelpers
如果你看过插件的源码,那么这个就不用说了。(就是让View中可以直接使用我们的AjaxPaginate::ViewHelpers中的方法)
will_paginate默认已经实现了分页的功能,我们要做的仅仅是增加ajax显示的效果,AjaxPaginate::ViewHelpers 从WillPaginate::ViewHelpers copy 过来的,
首先修改原来的will_paginate,我们从新命名为ajax_paginate
稍作修改
def ajax_paginate(entries = @entries, options = {})
total_pages = entries.page_count
if total_pages > 1
#保持原有的WillPaginate的options参数
options = WillPaginate::ViewHelpers.pagination_options.merge options.symbolize_keys
#....
#修改为remote_page_link_or_span,下同
links << remote_page_link_or_span((n != page ? n : nil), 'current', n, param)
#...............
# next and previous buttons
links.unshift remote_page_link_or_span(entries.previous_page, 'disabled', options.delete(:prev_label), param)
links.push remote_page_link_or_span(entries.next_page, 'disabled', options.delete(:next_label), param)
#...............
end
end增加remote_page_link_or_span
def remote_page_link_or_span(page, span_class, text, param)
unless page
content_tag :span, text, :class => span_class
else
# page links should preserve GET parameters, so we merge params
link_to_remote text, :url=>params.merge(param.to_sym => (page !=1 ? page : nil)), :method=>:get, :update=>''
end
endOK,可以使用了:)
在View中直接使用
<%=ajax_paginate @users%>
即可看到效果了.
================================== 华丽的分割线=================================================
整个demo请从 6 楼下载
来个简单的应用来演示我们的插件是否生效,刚才我们已经新建了ajax_paginate_demo项目
1:修改database.yml
development:
adapter: mysql
database: ajax_paginate_demo
username: root
password:
host: localhost
2:建立数据库
create database ajax_paginate_demo
3:创建例子中的model,我们选用
Userruby script\generate scaffold_resource user name:string
仅仅包括一个字段,将附件中的001_create_users.rb覆盖你的数据,执行
将会导入几百条
测试数据(这些数据来源于互联网,我随手检索了Authors List 发现这个网页的,我只是整理了下,做
测试数据:
http://www.classicreader.com/allauthor.htm )
4:修改users_controller.rb
class UsersController < ApplicationController
# GET /users
# GET /users.xml
def index
@users = User.paginate :all, :page=>params[:page]||1
respond_to do |format|
format.html do
unless params[:page].nil?
render :update do |page|
page.replace_html :page, :partial=>'list'
end
end
end
format.xml do
render :xml => @users.to_xml
end
end
end
end5:修改index.html
<h1>Listing users</h1>
<div id="spinner_div" style="float:right">
<%= image_tag 'spinner.gif', :id => 'spinner', :style => 'display: none' %>
</div>
<div id="page">
<%=render :partial=>'list'%>
</div>新增_list.rhtml
<table>
<tr>
<th>Name</th>
</tr>
<% for user in @users %>
<tr>
<td><%=h user.name %></td>
</tr>
<% end %>
</table>
<%=ajax_paginate @users%>6:Ajax需要导入js,修改/app/views/layouts/users.rhtml导入js
<%= javascript_include_tag :defaults%>
7:
还有什么呢?
........
没了,真的没了,测试一下看看结果如何:)满意不?
任务还没完成,同志尚需努力!
================================== 华丽的分割线=================================================
更进一步讨论:
[
本帖最后由 martin 于 2007-9-7 09:58 编辑 ]