Top > 開発ガイド > コンポーネント開発逆引きリファレンス > 詳細表示する

詳細表示する

対象バージョン

当ドキュメントはRubricks-0.6.x向けです。

概要

特定レコードの情報を詳細表示する枠組みを描画するためのヘルパです。

使い方

ビューでヘルパrender_detail_frameとrender_detailを呼び出します。ブロック内に実際に表示したい内容を記述します。
引数のdesign_typeには以下のいずれかを指定してください。

'00'詳細領域のみを表示します(width: 100%;)
'01'一覧領域の横幅を300pxとして、その残りを詳細領域とします
'02'一覧領域の横幅を450pxとして、その残りを詳細領域とします 
<% render_detail_frame('00') do %>
  <% render_detail('00', 'ユーザ情報') do %>
    .
    .(詳細表示の内容を記述)
    .
  <% end %>
<% end %>

以下の記述方法でも詳細表示することができます。 

<%= render_detail_frame_begin('00') %>
  <%= render_detail_begin('00', 'ユーザ情報') %>
    .
    .(詳細表示の内容を記述)
    .
  <%= render_detail_end %>
<%= render_detail_frame_end %>

API

render_detail_frame(design_type, &block)

  • 詳細表示エリアを生成します。
引数必須初期値型説明
design_type○-String一覧表示と詳細表示の表示領域を指定します
&block○--render_detailを呼び出して詳細内容を指定します

render_detail(design_type, title, dom_id = nil, title_limit = 32, &block)

  • 詳細表示内容を生成します。
引数必須初期値型説明
design_type○-String一覧表示と詳細表示の表示領域を指定します
title○-String上部に表示されるタイトル文字列を指定します
dom_id-nilString詳細タイトルDOM IDのポストフィックスを指定します
title_limit-32Integer詳細タイトルの最大表示文字数を指定します
&block---詳細表示内容を指定します