Come impostare html su data-disable-with con rail submit_tag

Question

Ho un'app RoR utilizzando bootstrap. Sto provando ad applicare il tag dell'icona html fontawesome a un helper submit_tag, ma non sembra essere supportato. Quando faccio clic su Invia, il contenuto disabilitato appare semplicemente come una stringa anziché essere interpretato in html, sebbene lo faccia per link_to helper.

Ecco l'Erb:

<%= 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 %> 

Ecco cosa viene fuori cercando come quando si fa clic di conferma:

Funziona con link_to, ma poi non può passare il valore della text_field_tag per collegare altrimenti, sarei felice con quella soluzione. Preferirei davvero evitare di scrivere me stesso il metodo .ajax e usare javascript per manipolare i valori dei pulsanti. Qualche suggerimento su come risolvere questo problema con i tag FormHelper standard? Molte grazie in anticipo.

Answer 1

Si dovrebbe cercare di cambiare submit_tag-button_tag, qualcosa di simile:

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

Answer 2

Se si utilizza simple_form:

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

Answer 3

una punta rapida sulla generazione di un button_to con html_safe e disable_with :

<%= 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 %>