Top > 開発ガイド > コンポーネント開発Tips集 > Spinelzヘルパ > render_switcher

render_switcher

概要

• Switcher用ヘルパーです。
• Switcherを直接利用するよりも高速に描画することができます。

利用方法

記述例

<% render_switcher("sample_sw", "sample_content", "表示切替", {:open => true}) do %>
  <div>コンテンツ</div>
<% end %>

上記の記述は、Switcherを直接利用して、下記のように記述することと同じ結果が得られます。

<div>
  <span id="sample_sw"></span>
  <span>表示切替</span>
</div>
<div id="sample_content">
  <div>コンテンツ</div>
</div>
<script type="text/javascript">
  new Switcher("sample_sw", "sample_content", {open: true});
</script>

API

render_switcher(sw_id, content_id, title, js_options = {}, sw_html_options = {}, content_html_options = {} &block)

Switcherを描画します。

引数	説明	必須
sw_id	表示切替のトリガとなる要素のID。
content_id	表示切替対象となる要素のID。
title	sw_idと並んで表示される文字列。
js_options	Switcherを構築するためのオプション。詳細はSwitcherのコンストラクタのoptionsを参照してください。
sw_html_options	sw_idを構築するためのHTMLオプション。
content_html_options	content_idを構築するためのHTMLオプション。
&block	content_idの内部にレンダリングされるHTML。

以下のようにHashで引数を指定することもができます。

<% render_switcher({
  :sw_id      => "sample_sw",
  :content_id => sample_content",
  :title      => "表示切替",
  :js_options => {
    :open => true
  }
}) do %>
  <div>コンテンツ</div>
<% end %>