button_to

ボタンでリンク(button_to)

適応バージョン

  • 1.0.0
  • 1.1.0
  • 1.1.1
  • 1.1.6
  • 1.2.0
  • 1.2.6
  • 2.0.0
  • 2.0.1
  • 2.0.3
  • 2.1.0
  • 2.2.1
  • 2.3.2
  • 2.3.8
  • 3.0.0
  • 3.0.5
  • 3.0.7
  • 3.0.9
  • 3.1.0
  • 3.2.3
  • 3.2.8
  • 3.2.13
  • 4.0.0
  • 4.1.0
  • 4.2.1

説明

ボタンでリンクを生成

使い方

button_to(文字列 [, オプション, HTMLオプション]

オプション

オプション説明デフォルト
:methodHTTPメソッド(:get, :post, :put, :delete)を指定:post
:disabledボタンを無効化
:dataDATA属性
:remoteAjaxでリンクを処理submit
:formThis hash will be form attributes
:form_classThis controls the class of the form within which the submit button will be placed
:paramssHash of parameters to be rendered as hidden fields within the form

HTMLオプション

オプション説明
:name名称
:sizeサイズ。ピクセル数で指定
:readonly内容変更を禁止
:disabled利用禁止
:tabindexTabキーによる入力欄の移動順
:accesskey移動するショートカットキー
:usemapこの画像に対応させるイメージマップ
:id要素固有の識別子
:class要素を分類するクラス名
:title要素の補足情報
:style要素の補足情報
:dir表記方向
:lang基本言語

新規作成ボタンを作成
<%;= button_to "新規作成", :action => "new" %>
# <form method="post" action="/blogs/new"  class="button_to"><div><input type="submit" value="新規作成" /><input name="authenticity_token" type="hidden" value="xxx" /></div></form>
確認ダイヤログ付きで削除ボタンを作成
<%= button_to "削除", { :action => "destroy", :id => @page.id }, :confirm => "本当に削除しますか?", :method => :delete %>
# <form method="post" action="/blogs/1"  class="button_to"><div><input name="_method" type="hidden" value="delete" /><input data-confirm="本当に削除しますか?" type="submit" value="削除" /><input name="authenticity_token" type="hidden" value="xxx" /></div></form>
作成ボタンをAjaxで作成
<%= button_to "作成",  {:action => "create",} {:remote => true} %>
# <form method="post" action="/blogs" data-remote="true" class="button_to"><div><input type="submit" value="create" /><input name="authenticity_token" type="hidden" value="xxx" /></div></form>

ソースコード

ソースコード検索