使用 jQuery Mobile 切换开关的 Rails 表单 (form_for)答案

【问题标题】：Rails form (form_for) using jQuery Moobile toggle switch使用 jQuery Mobile 切换开关的 Rails 表单 (form_for)
【发布时间】：2013-09-05 14:55:22
【问题描述】：

我在 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 时遇到了麻烦。

【问题讨论】：

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

【解决方案1】：

想通了。在 firebug 的帮助下，我只是在没有 rails 帮助的情况下将表单的那部分转换为纯 html：

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

就这么简单！如果有人有“rails”解决方案，很想听听！

【讨论】：

【解决方案2】：

将表单移动到部分：示例：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")) %>

【讨论】：