2012-10-08 34 views
0

我正在使用Rails和jQuery Mobile的移動Web應用程序。我有一個名爲'Event'的軌道模型和相應的控制器和視圖(通過scafolding生成)。現在我正在使用已生成的表單創建新事件。我想稍微改變這種形式,但仍然與導軌模型兼容。Rails +將模型綁定到表單中的jQuery Mobile組件

下面是它現在的樣子:

<%= form_for(@event) do |f| %>  
     <div class="field"> 
     <%= f.label :priority %><br /> 
     <%= f.number_field :priority %> 
     </div> 
     <div class="actions"> 
     <%= f.submit %> 
     </div> 
<% end %> 

的scafolded觀點是使用某種默認的輔助類的,我猜。但我想給f.number_field變成一個jQuery移動滑塊,看起來像這樣的HTML:

<label for="slider-1">Input slider:</label> 
<input type="range" name="slider-1" id="slider-1" value="60" min="0" max="100" /> 

現在,我該如何與jQuery的滑塊結合軌道模型,這樣當用戶點擊提交clips_controller接收一個包含已使用滑塊調整的優先級的剪輯模型?

預先感謝您!

回答

0

您可以使用range_field helper方法

取而代之的是:

<%= f.number_field :priority %> 

使用此:

<%= f.range_field :priority, :min => 0, :max => 100 %> 
+0

它的工作原理。這是否意味着每個可用的幫助器方法都與jQuery Mobile兼容?即使是自定義jQuery組件支持/需要的參數?謝謝! –

+0

可能是!請檢查鏈接頁面的右側以獲取可用的方法 – HungryCoder