Отобразить значение ползунка диапазона с помощью activeadmin и formtastic - PullRequest
Новая
       4

Отобразить значение ползунка диапазона с помощью activeadmin и formtastic

2 голосов
/ 16 февраля 2012

Я использую 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

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

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

Ответы [ 2 ]

3 голосов
/ 03 января 2013

Мне нужно то же самое - вот как я в итоге решил (проверено только на Chrome. YMMV) * ​​1001 *

(я не в восторге от встроенного обработчика javascript здесь. Если у кого-то есть лучшее решение для использования с 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
0 голосов
/ 17 февраля 2015 
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)})")

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

...