ruby-on-rails - Twitter Bootstrap 使用 will_paginate

Question

我让 will_paginate 工作正常，但我在连接 Twitter Bootstrap 时遇到了错误。我的单行 will_paginate 链接成为链接的项目符号列表。

<% will_paginate @thing %>

变成:

<%= will_paginate @thing, :renderer => BootstrapPagination::Rails %>

或者我猜更现代:

<%= will_paginate @thing, renderer: BootstrapPagination::Rails %>

无论哪种方式，我都会得到垂直项目符号列表，并且我尝试过包含 = 和 - 符号，但我迷路了。

Answer 1

要将 will_paginate 与 bootstrap 一起使用，建议将 gem "bootstrap-will_paginate"添加到您的项目中(参见 http://www.railstutorial.org/book/updating_and_deleting_users#sec-pagination )。

此外，如果您使用的是 Twitter Bootstrap 3.x，则会有一个过多的 div 包裹分页列表以删除。
感谢这个帖子的补丁:https://gist.github.com/henrik/1214011

总结一下补丁，将以下内容作为 will_paginate.rb 放在/config/initializers 中。

# File config/initializers/will_paginate.rb
# From https://gist.github.com/1214011

module WillPaginate
    module ActionView
        def will_paginate(collection = nil, options = {})
            options[:renderer] ||= BootstrapLinkRenderer
            super.try :html_safe
        end

    class BootstrapLinkRenderer < LinkRenderer
        protected

        def html_container(html)
            tag :ul, html, container_attributes
        end

        def page_number(page)
            tag :li, link(page, page, :rel => rel_value(page)), :class => ('active' if page == current_page)
        end

        def previous_or_next_page(page, text, classname)
            tag :li, link(text, page || '#'), :class => [classname[0..3], classname, ('disabled' unless page)].join(' ')
        end

        def gap
            tag :li, link(super, '#'), :class => 'disabled'
        end

        end
    end
end