Kaminari ajax pagination только с предыдущей и следующей кнопками

Question

Я хочу использовать Kaminari только с prev и следующий кнопка.

Я использую следующий помощник:

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

, но это, показывает только связь с Следующей страницы.

Я хочу знать, как я могу использовать хелперы link_to_previous_page и link_to_next_page toguether.

Answer 1

На самом деле хелпер-ссылка «link_to_next_page» создает ссылку на следующую страницу, как говорит название метода. Если вы хотите использовать предыдущие и следующие кнопки, вы должны использовать помощник «paginate». Пример:

Вы должны проверить Kaminari Github Repository README документ больше примеров

Answer 2

1. Сформировать мнение Kaminari вам нужно отредактировать. например для начальной загрузки:

   rails g kaminari:views bootstrap

2. Rename приложение/просмотров/Kaminari/paginator.html.erb к _default_paginator.html.erb (обратите внимание на добавленный "_" в начале).

3. Создайте следующий файл: app/views/kaminari/_next_prev_paginator.html.erb. Скопируйте/вставьте содержимое _default_paginator.html.erb там, затем удалите строки, отображающие ссылки на страницы.

4. Сформировать инициализатор:

   rails g kaminari:config

5. В конфигурации/инициализаторах/kaminari_config.rb, добавьте следующий код перед тем "Kaminari.configure сделать":

   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

Наше лицо:

6. Ваше имя:

   paginate @objects, :theme => "default_"

   или

   paginate @objects, :theme => "next_prev_"

Вы можете теперь стиль _default_paginator.html.erb и _next_prev_paginator.html.erb отдельно, как вы считаете нужным.

Answer 3

Возможно, не совсем то, что вам нужно, но вы можете скрыть элементы с помощью CSS.
Я использую bootstrap с Kaminari и добавляю их в свое приложение/активы/таблицы стилей/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; 
} 

Это применит это ко всему сайту.