Question

我的应用程序有一个选择框供用户选择“场地”。正如您所料，此选择框位于表单中。我还在页面的某个位置通过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中未定义，因此我收到错误。一种解决方案是包含整个表单，但我觉得这不应该是必要的，因为我没有更新整个表单。关于如何解决这个问题的任何想法？

Answer 1

您可以将变量传递给部分，如下所示：

  <%= 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，然后使用它来更新选择字段。

Answer 2

使用Javascript将地点添加到选择框可能更容易，作为AJAX添加的onComplete挂钩。

Answer 3

我同意Sarah Mei的观点，如果您的AJAX调用返回了添加的场地的JSON表示，然后创建一个新选项并将其添加到select元素。

用于添加选择选项的一些常规JS代码：

var newOption = new Option("Text", "Value");
selectElement.options[selectElement.options.length] = newOption;

Answer 4

这些都是很好的选择，但我认为我发现最简单。基本上，我只是在collection_select中对名称进行了硬编码，因此我不需要“f”变量：

<%= collection_select 'shows[venue_id]', :venue_id, @user_venues, :id, :name, { :prompt => 'Select one of your previous venues' } %>

然后我的VenueController如下：

class VenueController < ApplicationController
  layout 'main'
  before_filter :login_required, :get_user

  def create
    begin
      venue = @user.venues.create(params[:venue])
      @user_venues = @user.venues
      render :partial => 'venue_select_box', :success => true, :status => :ok
    rescue ActiveRecord::RecordInvalid => invalid
      flash[:errors] = invalid.record.errors
      render :text => '', :success => false, :status => :unprocessable_entity
    end
  end

end

如果这种方法因任何原因不好，请告诉我，我很乐意为您提供答案。

Answer 5

我认为您的解决方案并不错，但如果您尝试在另一种形式中使用此部分，则表示您生成的字段名称存在问题。

为避免这种情况，您可以在ajax调用中提交f.object_name的内容。在你的情况下，它将是“显示”，因为方法是：venue_id生成的名称将是“shows [venue_id]”。

是否可以只在部分中放置一个rails form元素？

5 个答案: