我的应用程序有一个选择框供用户选择“场地”.正如您所料,此选择框位于表单中.我还在页面的某个位置通过
AJAX创建了一个新的场地.创建新场地后,我想更新场地选择框以反映这一点.
我的解决方案是将选择框放在部分中,并从控制器中的create动作渲染部分.
- <div id="venue_select" style="clear: both;">
- <%= render :partial => 'venue/venue_select_Box' %>
- </div>
部分看起来像这样:
- <%= f.collection_select :venue_id,@user_venues,:id,:name,:prompt => 'Select a venue' %>
其中f是表格参考:
- <% form_for :shows do |f| %>
问题是f在partial中未定义,所以我得到一个错误.一种解决方案是包含整个表单,但我觉得这不应该是必要的,因为我没有更新整个表单.关于如何解决这个问题的任何想法?
解决方法
您可以将变量传递给部分,如下所示:
- <%= render :partial => 'venue/venue_select_Box',:locals => { :f => f } %>
对于像这样的东西,看看documentation总是好的.
编辑:要使用部分与AJAX请求,您需要“重新创建”.rjs模板中的表单.因此,在您的控制器中,您需要再次找到该对象.
- def venue_select
- @venue = Venue.find(params[:id])
- respond_to do |format|
- format.html
- format.js
- end
- end
然后在您的场地/ venue_select.rjs文件中:
- form_for @venue do |f|
- page[:element].replace_html :partial => 'venue/venue_select_Box',:locals => { :f => f }
- end
其中:element是要替换的选择菜单的ID.基本上,您只需重新创建form_for,然后使用它来更新选择字段.