如何隐藏Formtastic条件的输入?
我inheritance了一个在Rails中使用ActiveAdmin和Formtastic的项目。 我对这两种方法的经验都很少,但看起来很简单,只做简单的任务。
因此,我的任务是添加无线电输入,但如果无线电与某个值不匹配,则隐藏另一个输入。 我到处搜索,似乎找不到任何东西。
这是我的表格:
form do |f| f.inputs 'Book Details' do f.input :name, required: true f.input :has_subtitle, as: radio, required: true f.input :subtitle end end
在这种forms中,我只需要显示:subtitle,if:has_subtitle设置为true / yes,否则他们不应该看到输入(如果它是可见的,它也应该是必需的)。
这可能在Formtastic中实现吗?
谢谢!
f.input :has_subtitle, as: radio, required: true, { data: { toggle: 'subtitle_input' }}
然后将javascript(这是coffeescript)添加到单独的文件(例如form.js.coffee)
$(document).on 'ready page:load', -> $('[data-toggle]').on "change", -> $($(this).data('toggle')).toggle($(this).val() == 'show')
您可能需要对其进行一些配置,具体取决于单选按钮的值
然后将其包含在application.js中
# application.js //= require form