2010-12-11 23 views
31

私はRoRを教えていますが、単純なapi & Webインターフェイスを開発しています。私は数多くのガイドに従っていて、異なる成果をテストしてきました。私はいくつかのHTMLテンプレートをモックアップしており、私はそれらをビューに取り込み始めています。私はCSSスタイリングを持つボタンで次のコードを、持っている私のHTMLでRuby on Rails - link_toボタン/ css

<input type="submit" name="" value="Add" id="open-contacts-dialog-btn" class="inbox-sf-add-btn tip" title="Open an dialog to add a new contact"/> 

これは私が/書籍/新しい/にリンクしたいと思い、私のパネルで私のボタンであり、私はlink_toが必要ですが、私の最終的なコードは何ですか?

<%= link_to "Add", new_admin_course_path, :id=>"open-contacts-dialog-btn", :class=>"inbox-sf-add-btn tip" %> 

を次のように私が試してみましたコードがある。しかし、それだけで「追加」テキストを生成している、私のCSSスタイルを追加していません。どんな助けも役に立つでしょう。ありがとう

答えて

63

link_toは、input type="submit"ではない<a>タグを生成します。あなたが使用する必要があることは、リンクにinput type="submit"ボタンでフォームを生成button_to、次のようになります。

<%= button_to "Add", new_admin_course_path, :id => "open-contacts-dialog-btn", 
     :class => "inbox-sf-add-btn tip", :method => :get %> 

:method => :getに注意してください。それがなければ、button_toはメソッドを投稿するように設定されたフォームを生成します。

+4

これは、ありがとうございます。 Twitter Bootstrapを実装している人は、

0

私のCSSスタイルを追加していません
どういう意味ですか?クラスinbox-sf-add-btntipのリンク(a要素)が生成されます。だから問題は何ですか?

あなたは厳密ボタン(代わりにainput要素を)したい場合は、あなたのHTMLフォーム(form要素)のaction属性に/book/new(または<%= new_admin_course_path %>)を指定することができます。

9

私は最近、私のフォームがbutton_toとは違ったlink_toの動作をしていたので、私はリンクを提供する機能が必要でした。私が見つけた最良の解決策は、CSSをまったく使用せず、代わりに.html_safeを呼び出してルビコードのHTMLをエスケープし、リンクをボタンとして正しく表示することです。あなたがしたいことはこれです:

<%= link_to "<button>Add</button>".html_safe, new_admin_course_path, :id=>"open-contacts-dialog-btn", :class=>"inbox-sf-add-btn tip" %> 
+2

他のBootstrapユーザーには、CSSが配置されているときにNavbarのボタンでは機能しないことが分かりますクラス

関連する問題