- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2020-09-11T09:34:25+00:00","default:src128","src128")
&tag(kaminari);
*目次 [#a3f74dd6]
#contents
*参考情報 [#r1c255fa]
-[[amatsuda/kaminari · GitHub:https://github.com/amatsuda/kaminari]]…公式
*関連ページ [#xfbaa2b1]
-[[./古い内容]]
*インストール [#se287f84]
-Gemfileに追加
gem 'kaminari'
-bundle実行
bundle install --path vendor/bundle
*ビューの生成 [#u2596077]
-以下のコマンドでgeneratorを生成する(Rails5 + Bootstrap4)。
bundle exec rails g kaminari:views bootstrap4
*使用方法 [#b166ef47]
**基本 [#z8f68516]
-controllerの修正
#pre{{
def index
# @softwares = Software.all
@softwares = Software.page(params[:page])
end
}}
-index.html.erbの修正。以下を追加する。
#pre{{
<%= paginate @softwares %>
}}
*twitter-bootstrap-railsと併用する場合(Bootstrap3 + Rails4) [#l8d6aeac]
-[[kaminariをBootstrap3、Rails4環境で使う! - 酒と泪とRubyとRailsと:http://morizyun.github.io/blog/kaminari-gem-paginator-rails/]]
-[[twitter-bootstrap-railsとkaminariをBootstrap3に対応させる - tyn-iMarketの技術メモ:http://d.hatena.ne.jp/tyn_iMarket/20131209/1386604167]]
**generatorで生成 [#o45d184f]
-以下のコマンドを実行する。特にいじらなくてもうまくいく?
#pre{{
$ bundle exec 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.htm
}}
-文字を日本語化。config/locales/ja.ymlを修正
#pre{{
ja:
views:
pagination:
first: "« 最初"
last: "最後»"
previous: "‹ 前"
next: "次 ›"
truncate: "..."
}}
-application.rbでlocaleを変更。
config.i18n.default_locale = :ja
*twitter-bootstrap-railsと併用する場合(古い内容) [#t0f69e9e]
-twitter-bootstrap-railsと併用するとレイアウトが崩れる。
-対策として[[gabetax/twitter-bootstrap-kaminari-views · GitHub:https://github.com/gabetax/twitter-bootstrap-kaminari-views]]をcloneする。
-app/views/kaminari/*.erbを自分のところのapp/views/kaminari以下にコピーする(ディレクトリがない場合は作る)。
*配列に対してページング [#ra0c7847]
*Tips [#v183b49c]
**配列に対してページング [#ra0c7847]
-[[Ruby - kaminariを使って配列に対してのページャーを作成する - Qiita [キータ]:http://qiita.com/Konboi@github/items/ef62a511ea35270b71be]]。paginate_arrayに入れれば同じように使える。
@pagenate_items = Kaminari.paginate_array(items).page(params[:page]).per(10)