使用activeadmin和formtastic显示范围滑块的值 [英] Display the value of a range slider with activeadmin and formtastic

问题描述

我正在使用带有范围字段的activeadmin：

I am using activeadmin with a range field :

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

我的滑块显示良好，但看不到滑块的值。当我们移动滑块时，我想在：hint上查看其值。

I have the slider showing well but i don't see the value of the slider. When we move the slider, i want to see its value on a :hint.

我该怎么做？

推荐答案

我需要相同的事情-这就是我最终解决它的方式（仅在Chrome.YMMV上进行了测试）

I needed the same thing -- here's how I ended up solving it (only tested on Chrome. YMMV)

（我对此处的内联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

这篇关于使用activeadmin和formtastic显示范围滑块的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！