Verileri devre dışı bırakma konusunda html nasıl ayarlanır Gönderme rampası gönder_tag

Question

Önyükleme kullanarak bir RoR uygulamasına sahibim. Fontawesome html simge etiketini bir submit_tag yardımcısına uygulamayı deniyorum, ancak desteklenmiyor gibi görünüyor. Göndermeyi tıkladığımda, devre dışı bırakma içeriği sadece link_to yardımcısı için olsa da html olarak yorumlanmak yerine bir dize olarak görünür.

İşte

<%= form_tag("/home/search", method: "get", class: "form-inline", role: "search", remote: true) do %> 
    <div class="form-group"> 
     <%= text_field_tag(:term, nil, {:class => "form-control", "data-html" => true, :value => @term}) %> 
    </div> 
    <%= submit_tag "Go!", class: "btn btn-transparent", role: "button", 'data-disable-with' => "<i class='fa fa-spinner fa-spin'></i> Searching...".html_safe %>  
<% end %> 

dışarı gönderdiğim tıkladığımda gibi bakıyor geliyor ne:: İşte

erb var

O link_to ile çalışır, ama sonra text_field_tag ​​değeri geçemez Aksi takdirde, bu çözümden memnun olurum. .ajax yöntemini kendim yazmaktan ve buton değerlerini değiştirmek için javascript kullanmaktan kaçınmayı tercih ederim. Bunu standart FormHelper etiketleriyle nasıl çözeceğinize dair herhangi bir öneriniz var mı? Şimdiden çok teşekkürler.

Answer 1

Sen submit_tag button_tag, böyle bir şey geçmek için denemelisiniz: html_safe ve disable_with ile button_to yaratma hakkındaki

<%= f.button :button, 'Save', class: 'my-class', data: {disable_with: '<i class='fa fa-spinner fa-spin'></i>'} %> 

Answer 2

:

<%= button_to some_path, method: :post, class: 'btn btn-md btn-primary', "data-disable-with": '<span class="fa fa-2x fa-spinner fa-spin"></span>'.html_safe do %> 
    <span class="fa fa-2x fa-facebook-square"></span> 
<% end %> 

Answer 3

Hızlı bir ucu: simple_form kullanılıyorsa

<%= button_tag "Go!", class: "btn btn-transparent", 'data-disable-with' => "<i class='fa fa-spinner fa-spin'></i> Searching...".html_safe %>