web-gelistirme-sc.com

Rails and bootstrap - Gönder buton metnine HTML etiketleri ekleyin

Ajax kullanarak benzer/hoş olmayan bir düğme için bir formum var:

= 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..."

Form mükemmel çalışıyor.

Gönder düğmesindeki metnin önüne bir simge eklemek istiyorum. Simge eklemek için haml kodu şöyledir (Twitter bootstrap):

%i.icon-heart.icon-white

Bu html'i düğmeye eklemenin bir yolu var mı? Düz html olarak eklemeye çalıştım, ancak Rails metin olarak oluşturdu.

GÜNCELLEME

Gönder düğmesini, simge ve uygun stil içeren bir sınıfta kapsüllenmeyi başardım. Şimdi düğmedeki tüm stilleri kaldırmam gerekiyor ...

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

İsmaelga sayesinde, bu SO sorusunu buldum.

Çözüm bu:

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

Başka bir seçenek button yerine submit olabilir.

rails belgelerine bakın FormBuilder # button

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

Bunu dene. Test yapmadım, ancak böyle bir şey yapmanın mümkün olduğunu düşünüyorum.

= 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

Yani eğer simple_form kullanıyorsanız bu mümkündü. Üzgünüm.

Yani başka bir deneme olur

= 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..."
3
Ismael Abreu

Justin D'nin cevabı da bana yardımcı oldu. Buraya Google’dan geliyorsanız ve bir İnce uygulama arıyorsanız, aşağıdaki gibi yapabilirsiniz:

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

İnce kullanıcılar > 'nin gerekliliğini tanıyacaktır.

Bu benim için 24 Eylül 2014 itibariyle Rails 4.1.5, Ruby 2.1.2 ve bootstrap-sass 3.2 ile çalıştı.

2
flanger001

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

Bağlantının içine nasıl resim yerleştirilir?

0
gilcierweb

Sorunun kendisi için kabul edilen cevap işe yarayacaktır, ancak kod stilini açık ve tutarlı tutmak için mükemmel çözüm yerine bir düzeltme eki gibidir. Standart ve manuel görüntüleme yöntemini kullanarak geriye dönüş yapar: #button_tag. #Submit_tag, #form_tag, #input_tag ... etc gibi manuel yöntemlerden kaçınma eğilimindeyim, çünkü bunlar desteklenen model veya form modelin kendisiyle ilgisi yok ve onlarla ilgili her şeyi elle yapmanız gerekiyor. Gönderim f. ile bir bağlantısı olmasa da, form_for içindeki her girişin örn. f.input ..., stil, kod okunabilirliği ve iyi programlama uygulamaları ile ilgilidir. Bu kod mükemmel çalışıyor (form_for ve simple_form):

= f.button :button, type: :submit, class: 'class1 class2 ... classN' do
    = 'button call to action text'
    %i.fa.fa-download.ml5 // => haml icon as requested

Umarım bu benim gibi başkalarının _tag yöntemlerinden kaçınmaya çalışırken benim gibi ulaşmasına yardımcı olur. 

0
tommyalvarez