[Rails 常用插件简介]ajax_paginate

(部分代码已经更新，请见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###

一：新建Project

CODE:

rails ajax_paginate_demo地球人都知道这个是干嘛的，不说了

二：安装will_paginate插件
本插件依赖will_paginate,请安装之
http://www.ruby-lang.org.cn/foru ... =985&highlight=


三：制作我们的ajax_paginate插件

CODE:

ruby script/generate plugin ajax_paginate并且在lib下新建ajax_paginate目录，目录如下图


修改init.rb

CODE:

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

稍作修改

CODE:

def ajax_paginate(entries = @entries, ptions = {})
            total_pages = entries.page_count

            if total_pages > 1
               #保持原有的WillPaginate的options参数
                ptions = 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

CODE:

        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中直接使用

CODE:

<%=ajax_paginate @users%>即可看到效果了.

================================== 华丽的分割线=================================================
整个demo请从 6 楼下载

来个简单的应用来演示我们的插件是否生效，刚才我们已经新建了ajax_paginate_demo项目
1：修改database.yml

CODE:

development:
  adapter: mysql
  database: ajax_paginate_demo
  username: root
  password:
  host: localhost2:建立数据库

CODE:

create database ajax_paginate_demo3：创建例子中的model，我们选用User

CODE:

ruby script\generate scaffold_resource user name:string仅仅包括一个字段，将附件中的001_create_users.rb覆盖你的数据，执行

CODE:

rake db:migrate将会导入几百条测试数据（这些数据来源于互联网，我随手检索了Authors List 发现这个网页的,我只是整理了下，做测试数据：http://www.classicreader.com/allauthor.htm）

4：修改users_controller.rb

CODE:

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

CODE:

<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

CODE:

<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

CODE:

  <%= javascript_include_tag :defaults%>7：
还有什么呢？
........

没了，真的没了，测试一下看看结果如何:)满意不？  


任务还没完成，同志尚需努力!
================================== 华丽的分割线=================================================
更进一步讨论：

[本帖最后由 martin 于 2007-9-7 09:58 编辑]