将自定义参数从视图传递到form_with

时间:2018-04-17 22:29:19

标签: ruby-on-rails

对rails很新,并尝试弄清楚如何将params从视图传递到表单再到控制器,或者最有可能找到为新对象分配外键的更好方法。我有一个链接到特定插座对象的按钮,此按钮允许用户创建与该插座关联的新设备对象。我的设备表上有一个指向插座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],但不是表单,所以我无法将它们传递给控制器​​,我可以在控制台上设置oulet_id条目新设备到特定的插座。

以前,我已经能够直接从表单传递自定义参数并在控制器上处理它们并完成我所要求的。然而,在这种情况下,我觉得试图通过多个页面向前传递params,这不是正确的方法......我应该如何实现这一目标?

1 个答案:

答案 0 :(得分: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 - 嵌套资源

  

注意:如果下面的Rails指南链接没有跳转到右侧锚点。访问网站时,按 Ctrl + L 输入。在一些网络浏览器中,他们的锚点有些奇怪。

更好的方法是使用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回调以及为#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用于现有设备