ruby-on-rails - 将自定义参数从 View 传递到 form_with

Question

Rails 的新手，正在尝试弄清楚如何将参数从 View 传递到表单，然后再传递到 Controller ，或者最有可能的是，找到一种为新对象分配外键的更好方法。我有一个链接到特定 socket 对象的按钮，此按钮允许用户创建与该 socket 关联的新设备对象。我的设备表上有一个指向 socket ID 的外键。

<%= button_to 'Add Device', new_device_path, :method => :get, params: {:oulet_id => outlet.id} %>

new_device_path然后通过 new.html.erb :

<h1>Add New Device to Outlet</h1>

<%= render 'form' %>

<%= button_to 'Back', grows_path, :method => :get %>

然后继续_form.html.erb:

<%= form_with model: @device, local: true do |form| %>

  <% if @device.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(device.errors.count, "error") %> prohibited this device from being saved:</h2>

      <ul>
      <% @device.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

    <p>
      <%= form.label :title %><br />
      <%= form.text_field :title %>
    </p>

    <p>
      <%= form.submit %>
    </p>

<% end %>

问题是 new.html.erb收到我的 params[:oulet_id] ，但不是表单，所以我无法将它们传递给 Controller ​​，在那里我可以设置 oulet_id新设备上的条目到特定的 socket 。

以前，我已经能够直接从表单传递自定义参数并在 Controller 上处理它们并完成我的要求。然而，在这种情况下，我觉得像这样尝试通过多个页面向前传递参数不是正确的方法......我应该如何完成这个？

Answer 1

解决方案 1 - 清洁直通

这是一个简单的解决方案，需要对您当前的应用程序进行最少的更改。

您可以在DevicesController 的#new 方法中设置该属性，并将其作为隐藏字段传递给表单，如下所示:

class DevicesController < ApplicationController

  def new
    @device = Device.new(outlet_id: params[:outlet_id])
  end

end

现在向表单添加一个隐藏字段。这是保存和发送 outlet_id 所必需的到表单路径(在本例中为 POST /devices/:id )。为简单起见，我省略了错误处理部分。

<%= form_with model: @device, local: true do |form| %>

  <%= form.hidden_field :outlet_id %>

  <p>
    <%= form.label :title %><br />
    <%= form.text_field :title %>
  </p>

  <p>
    <%= form.submit %>
  </p>

<% end %>

不要忘记在您的DevicesController#device_params 方法中将新参数列入白名单，否则它不会保存。

解决方案 2 - 嵌套资源

更好的方法是使用 Nested Resources ，但这需要进行结构性改变。首先在你的 routes.rb 中添加一个嵌套路由文件:

resources :outlets do
  resources :devices, shallow: true
end

这将创建以下路由:

+-----------+---------------------------------+-------------------+------------------------+
| HTTP Verb | Path                            | Controller#Action | Named Helper           |
|-----------|---------------------------------|-------------------|------------------------|
| GET       | /outlets                        | outlets#index     | outlets_path           |
| GET       | /outlets/:id                    | outlets#show      | outlet_path            |
| GET       | /outlets/new                    | outlets#new       | new_outlet_path        |
| GET       | /outlets/:id/edit               | outlets#edit      | edit_outlet_path       |
| POST      | /outlets                        | outlets#create    | outlets_path           |
| PATCH/PUT | /outlets/:id                    | outlets#update    | outlet_path            |
| DELETE    | /outlets/:id                    | outlets#destroy   | outlet_path            |
| GET       | /outlets/:outlet_id/devices     | devices#index     | outlet_devices_path    |
| GET       | /devices/:id                    | devices#show      | device_path            |
| GET       | /outlets/:outlet_id/devices/new | devices#new       | new_outlet_device_path |
| GET       | /devices/:id/edit               | devices#edit      | edit_device_path       |
| POST      | /outlets/:outlet_id/devices     | devices#create    | outlet_devices_path    |
| PATCH/PUT | /devices/:id                    | devices#update    | device_path            |
| DELETE    | /devices/:id                    | devices#destroy   | device_path            |
+-----------+---------------------------------+-------------------+------------------------+

现在添加一个before_action Controller 中的回调以及为 #new 构建新实例的新方法和 #create :

class DevicesController < ApplicationController
  before_action :set_device, on: %i[show edit update delete] # already present
  before_action :set_outlet, on: %i[index new create] # new

  def new
    # for outlet has_many devices
    @device = @outlet.devices.build
    # for outlet has_one device
    @device = @outlet.build_device
  end

  def create
    # for outlet has_many devices
    @device = @outlet.devices.build(device_params)
    # for outlet has_one device
    @device = @outlet.build_device(device_params)

    # followed by your normal create stuff
  end

  # code...

  private

  def set_devise # already present
    @device = Device.find(params[:id])
  end

  def set_outlet # new
    @outlet = Outlet.find(params[:outlet_id])
  end

  # code ...

end

现在删除 params 参数并将按钮的路径更改为:

<%= button_to 'Add Device', new_outlet_device_path(outlet), method: :get %>

现在要做的最后一件事是更改表单的 url，使其指向 #create 和 #update 的正确路径。为此，将表单创建行更改为:

<%= form_with model: [@outlet, @device].compact, local: true do |form| %>

在 Rails 中将数组传递给表单助手通常会设置嵌套路径。我调用 #compact 以确保表单在编辑时能够正常工作。因为当您编辑设备时 @outlet未设置导致 [nil, #<Device...>] .当调用 #compact 时 nil值从数组中删除。

这将导致以下请求:

• POST /outlets/:outlet_id/devices对于新设备
• PUT /devices/:id对于现有设备