2012-02-16 11 views
2

で範囲スライダの値を表示します。私は範囲フィールドでactiveadmin使用していますactiveadminとformtastic

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 

私はよく示すスライダーを持っているが、私は、スライダーの値が表示されません。私たちがスライダーを動かすと、私はそのヒントにその値を見たい。

どうすればいいですか?

答えて

3

私は同じことを必要と - ここ(Chromeのみでテストメーリングリストへ。)私はそれを解決することになった方法です

を(私は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

かもしれない、これらの別の方法がありますか? – kokemomuke

0
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)})") 

私はラベルの価値を変えました、全く悪くないようです

関連する問題