Pagy gem：UI小部件的放置打破了分页

Question

我在Rails 5项目中使用Pagy gem进行分页。 分页本身可以正常工作，但是当我在视图文件中的pagination（pagy_nav（@pagy））块上方添加UI小部件（由pagy提供：pagy_items_selector（@pagy））时，它破坏了页面链接。 示例： http：//www.localhost：3000 / articles？page = 5＆current_param = -pagy-2370055651028177601--items-

相反，如果我将pagination（pagy_nav）放在项目选择器（pagy_items_selector）上方，则该URL会整洁，并且就像一个魅力一样工作。 示例： http：//www.localhost：3000 / articles？page = 4＆current_param = 4

这是我的html代码-

<div class="items_per_page">
  <!-- Pagy UI widget for users to select items per page -->
  <%= pagy_items_selector(@pagy).html_safe %>
</div>

<!-- displaying a list of article titles -->
<% @articles.each do |article| %>
  <div class="row justify-content-md-center newsbox">
    <div class="article-content">
      <div class=" panel-title">
        <%= link_to article.title, article_path(article) %>
      </div>
    </div>
  </div>
<% end %>

<!--Pagy Nav links -->
<div class="pager">
  <!-- Pagination nav links -->
  <%= pagy_nav(@pagy).html_safe %>
</div>

Answer 1

这是Pagy错误， 请参阅＃117 。 它已在Pagy版本1.3.1中修复。

更新您的Gemfile应该可以解决此问题：

bundle update pagy

如果不是，请检查Gemfile中所需的gem。 应该是这样的：

gem 'pagy', '~> 1.3` # or '1.3.1'

并再次更新。