kaminari の履歴(No.5)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• kaminari へ行く。
  • 1 (2013-04-12 (金) 05:40:41)
  • 2 (2013-04-12 (金) 05:42:51)
  • 3 (2013-09-23 (月) 20:22:10)
  • 4 (2014-05-01 (木) 04:48:07)
  • 5 (2014-06-13 (金) 04:58:20)
  • 6 (2016-04-13 (水) 16:46:27)

Tag: kaminari

目次†

参考情報†

• amatsuda/kaminari · GitHub…公式

インストール†

• Gemfileに追加

  gem 'kaminari'

• bundle実行

  bundle install --path vendor/bundle

使用方法†

• controllerの修正

    def index
  #    @softwares = Software.all
      @softwares = Software.page(params[:page])
    end
  

• index.html.erbの修正。以下を追加する。

  <%= paginate @softwares %>
  

twitter-bootstrap-railsと併用する場合(Bootstrap3 + Rails4)†

• kaminariをBootstrap3、Rails4環境で使う！ - 酒と泪とRubyとRailsと
• twitter-bootstrap-railsとkaminariをBootstrap3に対応させる - tyn-iMarketの技術メモ

※Bootstrap2でもうまくいく感じ。

generatorで生成†

• 以下のコマンドを実行する。特にいじらなくてもうまくいく?

  $ 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を修正

  ja:
    views:
      pagination:
        first: "« 最初"
        last: "最後»"
        previous: "‹ 前"
        next: "次 ›"
        truncate: "..."
  

• application.rbでlocaleを変更。

  config.i18n.default_locale = :ja

twitter-bootstrap-railsと併用する場合(古い内容)†

• twitter-bootstrap-railsと併用するとレイアウトが崩れる。
• 対策としてgabetax/twitter-bootstrap-kaminari-views · GitHubをcloneする。
• app/views/kaminari/*.erbを自分のところのapp/views/kaminari以下にコピーする(ディレクトリがない場合は作る)。

配列に対してページング†

• Ruby - kaminariを使って配列に対してのページャーを作成する - Qiita [キータ]。paginate_arrayに入れれば同じように使える。

  @pagenate_items = Kaminari.paginate_array(items).page(params[:page]).per(10)