дисплей значение ползунка диапазона с activeadmin и formtastic

Question

Я использую activeadmin с полем диапазона:

ActiveAdmin.register Card do 
    form :html => { :enctype => "multipart/form-data" } do |f| 
     f.inputs "Traitements" do 
      f.input :treatment_chlore, :as => :range, :in => 0..10, :step => 0.5 
     end 
     f.buttons 
    end 
end 

У меня есть ползунок, показывающий хорошо, но я не вижу значение ползунка. Когда мы перемещаем ползунок, я хочу увидеть его значение в подсказке:.

Как я могу это сделать?

Answer 1

мне нужно было то же самое - вот как я в конечном итоге решить ее (протестирован только на Chrome YMMV.)

(я не сумасшедший о инлайн яваскрипта обработчика здесь Если у кого есть лучшее решение. для использования с active_admin, пожалуйста, комментарий)

ActiveAdmin.register Card do 
    form :html => { :enctype => "multipart/form-data" } do |f| 

    f.inputs "Traitements" do 
     f.input :treatment_chlore, { 
     :as => :range, 
     :in => 0..10, 
     :step => 0.5, 
     :html_input => {:oninput => "card_treatment_chlore_output.value = this.valueAsNumber", 
     :hint => %Q{value: <output for="card_treatment_chlore" name="card_treatment_chlore_output">#{resource.treatment_chlore}</output> }.html_safe 
     } 
    end 

    f.buttons 
    end 
end 

Answer 2

f.input :discount_percent, :as => :range, :in => 0..100, :step => 0.5 

CoffeeScript файл:.

$ -> 
    text = $("label[for='frequency_discount_percent']").text() 
    $("label[for='frequency_discount_percent']").text("#{text} (#{parseFloat($("#frequency_discount_percent").val()).toFixed(1)})") 
    $("#frequency_discount_percent").change -> 
    $("label[for='frequency_discount_percent']").text("#{text} (#{parseFloat(this.value).toFixed(1)})") 

Так что я изменил значение метки, кажется, совсем не плохо