【问题标题】:Rails 4 pagination, will_paginate vs. Kaminari using with bootstrap3Rails 4 分页,will_paginate 与 Kaminari 与 bootstrap3 一起使用
【发布时间】:2014-02-20 23:08:21
【问题描述】:

我了解Kaminari 在阅读本文时使用 Rails3 表现良好:Rails 3 pagination, will_paginate vs. Kaminari,但是使用 Rails4 怎么样?另外,当使用 Bootstrap3 对它们进行样式化时,哪个 gem 更容易解决?

【问题讨论】:

    标签: ruby-on-rails twitter-bootstrap pagination will-paginate kaminari


    【解决方案1】:

    根据我的经验,KaminariWill Paginate 之间几乎没有区别 - 这主要是您使用的个人选择(更像是Paperclip / CarrierwaveMac / Windows

    在兼容性方面,这两个 gem 都可以在 Rails 4 中使用


    引导

    关于 Bootstrap,我认为你问错了问题

    Bootstrap 是一个CSS framework,它与您应用的后端功能无关

    底线是您将不得不从控制器调用分页方法,因此系统的差异只会是表面上的。如果您使用 Bootstrap 对它们进行样式化,则必须对任一 gem 执行相同操作

    所以选择权在你!

    【讨论】:

    • 因为它们都有生成分页html的辅助方法,我将它用于kaminari和will_paginate,你应该能够使用will_paginate-bootstrap gem。
    【解决方案2】:

    Kaminari 在 Rails 4.1.5 上工作得很好

    您可以通过更改为Kaminari 生成的Bootstrap 主题中的一行代码来使其与Bootstrap 3 一起使用

    Views/Kaminari/_paginator.html.erb

    更改此行: <div class="pagination"><ul>

    致此: <ul class="pagination pagination-lg">

    ..并摆脱 div;只需使用上面的 ul -- 对我来说很好。


    这里是整个部分的代码:

      <%= paginator.render do %>
      <ul class="pagination pagination-lg">
        <%= first_page_tag unless current_page.first? %>
        <%= prev_page_tag unless current_page.first? %>
        <% each_page do |page| %>
          <% if page.left_outer? || page.right_outer? || page.inside_window? %>
            <%= page_tag page %>
          <% elsif !page.was_truncated? %>
            <%= gap_tag %>
          <% end %>
        <% end %>
        <%= next_page_tag unless current_page.last? %>
        <%= last_page_tag unless current_page.last? %>
      </ul>
    <% end %>
    

    【讨论】:

    • 在 3 年多之后才实现了这一点,并且仍然可以完美运行。
    【解决方案3】:

    使用Kaminari 实现 twitter 引导分页非常容易。只需按照以下步骤操作:

    1. gem 'kaminari' 添加到您的GemFile。运行 bundle install 并重启 rails 服务器
    2. 检查Kaminary themes - 在您的情况下,您需要bootstrap3 主题
    3. 运行rails g kaminari:views bootstrap3

    就是这样。

    【讨论】:

    • 谢谢! rails g kaminari:views bootstrap4 刚刚为我工作。
    猜你喜欢
    • 2012-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-11-08
    • 2016-09-21
    • 2010-12-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多