是否可以在部分中仅放置一个 Rails 表单元素？

Question

我的应用程序有一个选择框供用户选择“地点”。 正如您所期望的，该选择框是一个表单。 我还在页面上的某处执行了通过 AJAX 创建新场地的操作。 创建新场地后，我想更新场地选择框以反映这一点。

我的解决方案是将选择框放入部分中，并通过控制器中的创建操作渲染部分。

 <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 在部分中未定义，所以我收到错误。 一种解决方案是包含整个表单，但我觉得这应该没有必要，因为我没有更新整个表单。 关于如何解决这个问题有什么想法吗？

Answer 1

您可以像这样将变量传递给部分：

  <%= render :partial => 'venue/venue_select_box', :locals => { :f => f } %>

对于这样的东西，查看 文档。

编辑：要将部分与 AJAX 请求一起使用，您需要在 .rjs 模板中“重新创建”表单。 因此，在您的控制器中，您需要再次找到该对象。

 def venue_select
    @venue = Venue.find(params[:id])
    respond_to do |format|
      format.html
      format.js
    end
 end

然后在你的venue/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 的内容。 在您的情况下，它将是“shows”，并且因为该方法是：venue_id，所以生成的名称将是“shows[venue_id]”。