javascript - 在几页上拆分索引结果

Question

我想在我的 Character 表中生成所有字符的列表，但将它们分开，这样页面就不会太长。我希望默认值为 15 个字符，然后您将看到一个“下一步”按钮，以查看接下来的 15 个结果。这可以在 rails 中实现吗？

这是我的 index.html.erb 的副本(我已经取出所有的 .CSS 信息):

    <table class="table">
        <tr>
            <th><strong>Name</strong></th>
            <th><strong>Race</strong></th>
            <th><strong>Class</strong></th>
            <th><strong>Alignment</strong></th>
        </tr>
    <% @characters.each do |character| %>
        <% if character.user_id == current_user.id %>
            <tr onclick="location.href= '<%= character_path(id: "#{character.id}") %>'">
                <td><%= character.name%></td>
                <td><%= character.race %></td>
                <td><%= character.class_ %></td>
                <td><%= character.alignment %></td>
            </tr>
        <% else %>
            <tr>
                <td><%= character.name%></td>
                <td><%= character.race %></td>
                <td><%= character.class_ %></td>
                <td><%= character.alignment %></td>
            </tr>
        <% end %>
    <% end %>
  </table>

如果需要，我愿意使用 JavaScript 或 Jquery 来完成这项工作。

Answer 1

您所描述的称为分页。有很多方法可以做到这一点，但是 kaminari gem 是最受欢迎的。这是在 Rails 应用程序中使用它的指南:http://railscasts.com/episodes/254-pagination-with-kaminari

简而言之，您的 Controller 应该负责将 @characters 设置为您想要返回的特定页面(对于 Kaminari，即 @characters = Character.page(params[:page ].to_i)).然后，在您的 View 中提供转到上一页和下一页的链接(确保正确处理第一页和最后一页)。