Rails 5嵌套表单更新不会创建新记录

时间:2019-02-04 09:28:10

标签: ruby-on-rails ruby-on-rails-5 nested-forms cocoon-gem

我正在尝试构建嵌套表单,并且在使用资源的编辑页面时遇到问题。我可以使新操作正常运行,但是我发现如果尝试更新资源以包括新的子资源,它不会保存子资源。

我正在使用Rails 5.2,并为嵌套表单安装了茧形宝石。

一个order有很多cards

订单模型:

class Order < ApplicationRecord
  has_many :cards, dependent: :destroy
  accepts_nested_attributes_for :cards, allow_destroy: true
end

卡型号:

class Card < ApplicationRecord
  belongs_to :order
end

订单控制器:

class OrdersController < ApplicationController
  def index
    @orders = Order.all
  end

  def new
    @order = Order.new
    @order.cards.build
  end

  def create
    @order = Order.new(order_params)
    if @order.save
      redirect_to order_path(@order)
    else
      render 'new'
    end
  end

  def show
    @order = Order.find(params[:id])
  end

  def edit
    @order = Order.find(params[:id])
    @order.cards.build
  end

  def update
    @order = Order.find(params[:id])
    if @order.update_attributes(order_params)
      redirect_to order_path(@order)
    else
      render 'edit'
    end
  end

  def destroy
    @order = Order.find(params[:id])
    @order.destroy
    redirect_to orders_path    
  end

  private
    def order_params
      params.require(:order).permit(:title, :price, cards_attributes: [:id, :title, :price, :_destroy])
    end
end

订单编辑视图:

<%= form_for @order do |f| %>
  <%= f.fields_for :cards do |card| %>
    <%= render 'card_fields', f: card %>
  <% end %>
  <%= link_to_add_association f, :cards, class: "add-cards" do %>
    <span>Add Card</span>
  <% end %>
  <%= f.submit "Update" %>
<% end %>

订单形成部分视图:

<div class="nested-fields">
  <%= f.label :title, 'Card Description', class: "g-mb-10" %>
  <%= f.text_field :title, class: "form-control form-control-md g-brd-gray-light-v7 g-brd-lightblue-v3--focus g-rounded-4 g-px-20 g-py-12" %>
  <%= link_to_remove_association f, class: "remove-quals u-link-v5 d-flex align-items-center g-color-lightblue-v3 g-ml-30" do %>
    <span class="g-ml-15">Remove Card</span>
  <% end %>
</div>

现在,如果我将@order.cards.build添加到edit操作中,它将起作用,但是如果未添加新卡,它仍会创建一个空记录。另外,如果我改变 accepts_nested_attributes_for :cards, allow_destroy: trueaccepts_nested_attributes_for :cards, allow_destroy: true, reject_if: proc { |attributes| attributes['price'].blank? }

这是可行的,只要没有其他项目同时被更新即可。

理想情况下,当有人去编辑订单时,只有在有人点击添加卡后,才能看到新卡。

任何帮助都会很棒。

谢谢

1 个答案:

答案 0 :(得分:0)

发现我的问题。

编辑视图(添加带有卡片ID的div)

<%= form_for @order do |f| %>

  <div id="cards">

  <%= f.fields_for :cards do |card| %>
    <%= render 'card_fields', f: card %>
  <% end %>
  <%= link_to_add_association f, :cards, class: "add-cards" do %>
    <span>Add Card</span>
  <% end %>

  </div>

  <%= f.submit "Update" %>
<% end %>

,然后在我的控制器中从编辑操作中删除了@order.cards.build

div的原因,是JS在实际表单之外插入了字段。