Top > 開発ガイド > コンポーネント開発逆引きリファレンス > 一覧表示する
一覧表示する
対象バージョン
当ドキュメントはRubricks-0.6.x向けです。
概要
レコードの一覧をリスト表示する枠組みを描画するためのヘルパです。
使い方
ビューでヘルパrender_list_frameとrender_listを呼び出します。
ブロック内に実際に表示したい内容を記述します。
引数のdesign_typeには以下のいずれかを指定してください。
| '00' | 一覧領域のみを表示します(width: 100%;) |
| '01' | 一覧領域の横幅を300pxとします(width: 300px;) |
| '02' | 一覧領域の横幅を450pxとします(width: 450px;) |
<% render_list_frame('01') do %>
<% render_list('01', '一覧') do %>
.
.(一覧表示の内容を記述)
.
<% end %>
<% end %>
以下の記述方法でも一覧表示することができます。
<%= render_list_frame_begin('01') %>
<%= render_list_begin('01', '一覧') %>
.
.(一覧表示の内容を記述)
.
<%= render_list_end %>
<%= render_list_frame_end %>
API
render_list_frame(design_type, &block)
- 一覧表示エリアを生成します。
| 引数 | 必須 | 初期値 | 型 | 説明 |
| design_type | ○ | - | String | 一覧表示と詳細表示の表示領域を指定します |
| &block | ○ | - | - | render_listを呼び出して一覧の内容を指定します |
render_list(design_type, title, dom_id = nil, title_limit = 16, &block)
- 一覧表示内容を生成します。
| 引数 | 必須 | 初期値 | 型 | 説明 |
| design_type | ○ | - | String | 一覧表示と詳細表示の表示領域を指定します |
| title | ○ | - | String | 上部に表示されるタイトル文字列を指定します |
| dom_id | - | nil | String | 一覧タイトルDOM IDのポストフィックスを指定します |
| title_limit | - | 16 | Integer | 一覧タイトルの最大表示文字数を指定します |
| &block | - | - | - | 一覧の表示内容を指定します |
