Rails使用jQuery Moobile切换开关形成(form_for)

时间:2013-09-05 14:55:23

标签: jquery ruby-on-rails forms jquery-mobile form-for

我在rails中有一个form_for,基本上是:

<%= form_for(@pin) do |f| %>
    <%= f.text_area  :content, placeholder: "Narrate your story..." %>
    <%= f.select :privacy, [['Private', true], ['Public', false]] %>
<% end %>

但我想将隐私选择下拉菜单转换为使用following jquery format的jquery移动切换开关:

<select name="flip-1" id="flip-1" data-role="slider">
    <option value="off">Off</option>
    <option value="on">On</option>
</select> 

我的隐私值作为布尔值true / false输入数据库,默认值为true。我在使用rails中的f.form_for时遇到了问题。

2 个答案:

答案 0 :(得分:0)

想出来。在firebug的帮助下,我只是在没有rails帮助的情况下将表单的那部分转换为纯HTML:

<select name="pin[privacy]" id="pin_privacy" data-role="slider">
    <option value="true">Private</option>
    <option value="false">Public</option>
</select> 

简单就是这样!如果有人有“轨道”解决方案,我很乐意听到它!

答案 1 :(得分:0)

将表单移动到部分: 示例:app / views / robots / _form_content.html.erb

<%= form_for robot, :html => {dataajax: false, multipart: true} do |f| %>

“data-ajax”的子“dataajax”: 示例:app / views / robots / _form.html.erb

<%= raw(render("robots/form_content").gsub("dataajax","data-ajax")) %>