読者です 読者をやめる 読者になる 読者になる

@Konboi memo

主に技術に関してつらつらと。

はじめてのactive_admin 【カスタマイズ編 その3】

バックナンバー

はじめてのactive_admin 【インストール編】

はじめてのactive_admin 【カスタマイズ編 その1】

はじめてのactive_admin 【カスタマイズ編 その2】

はじめに

今日は、active_adminで詳細ページを作ってみます。

詳細ページもactive_adminならさくっとできてしまいます。 てか、既にできています。

詳細ページを作る

たとえば id が 1のtopicだったら /admin/topics/1 へアクセスしてみましょう。

こんな感じの画面が表示されているのではないでしょうか?

f:id:Konboi:20131203204743p:plain

はい、これで終わりです!

だと面白くないので、

  • リストから詳細ページのリンクを貼る
  • 詳細ページをカスタマイズする

ということをしてみます。

リストから詳細ページへのリンクを貼る

# app/admin/topic.rb

index do 
  …
    column :detail do |topic|
      link_to "詳細をみる", admin_topic_path(topic)
    endend

admin_topic_path(topic) で詳細ページへのリンクを作成することができます。

詳細ページのカスタマイズ

# app/admin/topic.rb

index doend

show do |topic|
    attributes_table do
      row :id
      row :thumbnail do |topic|
        image_tag(topic.thumbnail.url(:m))
      end
      row :title
  end
end

詳細ページは show do .. end でくくることでカスタマイズできます。

表示内容は attributes_table + row を使うことでカスタマイズすることができます。

まとめ

これで、3回にわけて

  1. 必要なモデルを管理画面に出す
  2. 管理画面の情報を整理する
  3. 詳細ページを表示する、詳細ページの情報を整理する

と紹介しました。 次回は 管理画面から情報を更新するを紹介したいと思います!


RailsとiPhoneではじめるアプリケーション開発
栗田 由菜
インプレスジャパン
売り上げランキング: 69,066