Javascript Slider in Rails Form

Question

Ich habe ein Formular mit form_for und ich würde gerne einen Javascript Slider mit bootstrap-slider.js implementieren, um einen Wert zu erhalten und den Preis eines Events zu aktualisieren.

Javascript ist definitiv nicht mein starker Anzug und ich schaue, um zu sehen, wie ich das in der Form einschließen würde.

Einer der vorgeschriebenen Beispiele ist:

################### 
     HTML 
################### 

<input id="ex8" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/> 


################### 
    JavaScript 
################### 

$("#ex8").slider({ 
    tooltip: 'always' 
}); 

Meine heutige Form ist wie folgt:

<%= form_for(@event) do |f| %> 
    <%= render 'shared/event_error_messages' %> 


    <%= f.label :name %> 
    <%= f.text_field :name %> 

    <%= f.label :content %> 
    <%= f.text_field :content %> 

    <%= f.label :location %> 
    <%= f.text_field :location %> 

    <%= f.label :date%>mm/dd/yyyy 
    <%= f.text_field :date %> 

    <%= f.submit "Create event", class: "btn btn-large btn-primary" %> 
     <% end %> 

ich vor allem nicht verstehen, wie das die Javascript/html in Form umzusetzen und anschließend übergebe es an den Preis des Ereignisses in der Datenbank.

Answer 1

<%= f.text_field :price, id: 'ex8', type: 'text', 
       data: {'slider-id' => 'ex1Slider', 
         'slider-min' => '0', 
         'slider-max' => '20', 
         'slider-step' => '1', 
         'slider-value' => '14' } %> 

Fügen Sie es Ihrem Formular hinzu. Fügen Sie auch Javascript aus dem Beispiel zu events.js in assets/javascripts Ordner hinzu.

Das ganze Rest-Plugin wird für Sie tun, denke ich.