रेल और बूटस्ट्रैप - ajax का उपयोग कर बटन के विपरीत/एक सबमिट बटन पाठ

Question

करने के लिए HTML टैग जोड़ें मैं एक तरह के लिए एक रूप है:

= form_for like, :html => { :method => :delete}, :remote => true do |f| 
= f.submit pluralize(@video.likes.count, 'like'), :class => "btn btn-warning btn-mini", "data-disable-with"=> "Just a moment..." 

प्रपत्र पूरी तरह से काम करता है।

मैं सबमिट बटन में टेक्स्ट के सामने एक आइकन जोड़ना चाहता हूं।

%i.icon-heart.icon-white 

वहाँ बटन को यह एचटीएमएल जोड़ने के लिए एक रास्ता है: आइकन जोड़ने के लिए haml कोड निम्नलिखित (चहचहाना बूटस्ट्रैप) क्या है? मैंने इसे सादा एचटीएमएल के रूप में जोड़ने की कोशिश की, लेकिन रेल ने इसे पाठ के रूप में प्रस्तुत किया।

अद्यतन

मैं एक span class जो आइकन और उचित स्टाइल शामिल में सबमिट बटन संपुटित के लिए प्रबंधन की है। अब मुझे बटन पर हर स्टाइल को हटाने की जरूरत है ...

%span.btn.btn-danger.btn-mini 
    %i.icon-heart.icon-white 
    = f.submit pluralize(@video.likes.count, 'like') 

Answer 1

ismaelga के लिए धन्यवाद, मैं this SO question पाया।

<%= button_tag(type: 'submit', class: "btn btn-primary") do %> 
<i class="icon-ok icon-white"></i> Save 
<% end %> 

Answer 2

इसे आजमाएं। मैंने परीक्षण नहीं किया है लेकिन मुझे लगता है कि ऐसा कुछ करना संभव है।

= f.submit :class => "btn btn-warning btn-mini", "data-disable-with"=> "Just a moment..." do 
    %i.icon-heart.icon-white 
    = pluralize(@video.likes.count, 'like') 
end 

तो यदि आप simple_form का उपयोग कर रहे हैं तो यह संभव था। मुझे माफ कर दो।

तो एक और कोशिश होगी

= f.submit "#{pluralize(@video.likes.count, 'like')} <i class='icon-heart icon-white'/>".html_safe, :class => "btn btn-warning btn-mini", "data-disable-with"=> "Just a moment..." 

Answer 3

जस्टिन D के जवाब मुझे भी मदद की:

यह समाधान है। आप यहाँ गूगल से आ रहे हैं और आप एक स्लिम कार्यान्वयन के लिए देख रहे हैं, तो आप इसे इस तरह कर सकते हैं:

= button_tag(type: 'submit', class: 'btn btn-default') do 
    span.glyphicon.glyphicon-floppy-disk> 
    | Save 
end 

स्लिम उपयोगकर्ताओं > की आवश्यकता पहचान लेंगे।

इस रेल 4.1.5, रूबी 2.1.2 और 24 सितंबर के रूप में बूटस्ट्रैप-सास 3.2 के साथ मेरे लिए काम किया, रेल देखना 2014

Answer 4

एक अन्य विकल्प submit

के स्थान पर button हो सकता है प्रलेखन FormBuilder#button

= f.button :class => "btn btn-warning btn-mini" do 
    %i.icon-heart.icon-white 
    = pluralize(@video.likes.count, 'like') 

Answer 5

Soluction

= button_to('Add', line_item_path, method: :post , class: "btn btn-warning btn-lg" , params: { param1: 'value1', param2: 'value2' }) 

http://qiita.com/tomomomo1217/items/a5f790c31670587e2d87

How to place an image inside of a link?

Answer 6

नीचे कोड का प्रयास करें। यह

<%= f.submit :class => "btn btn-success btn-mini" %>