LoginSignup
18
19

More than 5 years have passed since last update.

Rails gemのkaminariとBootstrapを共存させる方法

Last updated at Posted at 2013-03-24

kaminariのインストール

Gemfileに以下を記述

gem 'kaminari'

gemのインストール

$ bundle install --path vendor/bundle

Bootstrapに対応させるためのfileをインストール

$ rails g kaminari:views bootstrap
downloading app/views/kaminari/_first_page.html.erb from kaminari_themes...
create app/views/kaminari/_first_page.html.erb
downloading app/views/kaminari/_gap.html.erb from kaminari_themes...
create app/views/kaminari/_gap.html.erb
downloading app/views/kaminari/_last_page.html.erb from kaminari_themes...
create app/views/kaminari/_last_page.html.erb
downloading app/views/kaminari/_next_page.html.erb from kaminari_themes...
create app/views/kaminari/_next_page.html.erb
downloading app/views/kaminari/_page.html.erb from kaminari_themes...
create app/views/kaminari/_page.html.erb
downloading app/views/kaminari/_paginator.html.erb from kaminari_themes...
create app/views/kaminari/_paginator.html.erb
downloading app/views/kaminari/_prev_page.html.erb from kaminari_themes...
create app/views/kaminari/_prev_page.html.erb

たくさんファイルが出来ました。
後は、同じようにcontrollerとviewを弄るだけです。

model

article_controller.rb
def index
#1ページ毎に5件ずつ表示
  @articles = Article.page(params[:page]).per(5)
end

view

index_html.erb
<html>
...
<% @articles.each do |article| %>
    <%= article.title %>    
<% end %>
<%= paginate @articles %>
...
</html>

というような感じでページングが出来ますので後はご自由に調整してください。

18
19
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
19