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

バックナンバー

はじめに

今日は、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)
    end
  …
end

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

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

# app/admin/topic.rb

index do 
 …
end

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回にわけて

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

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

RailsとiPhoneではじめるアプリケーション開発

posted with amazlet at 13.12.03

栗田由菜
インプレスジャパン
売り上げランキング: 69,066

Amazon.co.jpで詳細を見る

@Konboi memo

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