Question

我想只使用 prev 和 next 按钮来使用Kaminari。

我正在使用下一个助手：

<%= link_to_next_page @object, 'Next', :remote=>true %>

但是，只显示下一步页面的链接。

我想知道如何使用帮助 link_to_previous_page 和 link_to_next_page toguether。

Answer 1

实际上，“link_to_next_page”帮助程序只会创建指向下一页的链接，因为该方法的名称是。如果你想使用prev和next按钮，你应该使用“paginate”帮助器。例如：

你应该检查一下 Kaminari Github Repository README doc了解更多示例

Answer 2

生成您需要编辑的Kaminari视图。例如for bootstrap：

rails g kaminari:views bootstrap
将app / views / kaminari / paginator.html.erb重命名为_default_paginator.html.erb（注意添加的＆＃34; _＆＃34;开头）。
创建以下文件：app / views / kaminari / _next_prev_paginator.html.erb。复制/粘贴_default_paginator.html.erb的内容，然后删除显示页面链接的行。
生成初始值设定项：

rails g kaminari:config
在config / initializers / kaminari_config.rb中，添加以下代码＆＃34; Kaminari.configure do＆＃34;：

Kaminari::Helpers::Tag.class_eval do def to_s(locals = {}) @template.render :partial => "../views/kaminari/#{@theme}#{self.class.name.demodulize.underscore}", :locals => @options.merge(locals) end end
在您看来：

paginate @objects, :theme => "default_"

或

paginate @objects, :theme => "next_prev_"

您现在可以根据需要单独设置 _default_paginator.html.erb 和 _next_prev_paginator.html.erb 的样式。

Answer 3

也许不完全是你所追求的，但你可以使用CSS隐藏元素我在Kaminari中使用bootstrap并将这些添加到我的app / assets / stylesheets / application.css.scss中，只显示上一个和下一个按钮。

/* Removes the ellipses */
li.page.gap.disabled a {
  display:none;
}
/* Removes the last button */    
li.last.next a {
  display:none;
}
/* Removes first button */
li.first a {
  display:none;
}
/* Removes the active page */
li.page.active a {
  display:none;
}

它将在整个网站上应用此功能。

Kaminari ajax只用prev和next按钮分页

3 个答案: