时间戳

首页 > 解决方案 > Rails 5嵌套表单更新不创建新记录

ruby-on-rails - Rails 5嵌套表单更新不创建新记录

问题描述

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

我正在运行 rails 5.2 并为嵌套表单安装了 cocoon gem。

一个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: true 为 accepts_nested_attributes_for :cards, allow_destroy: true, reject_if: proc { |attributes| attributes['price'].blank? }

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

理想情况下，当有人去编辑订单时，在有人点击添加卡之前不应该看到新卡。

任何帮助都会非常有用。

谢谢

标签： ruby-on-railsruby-on-rails-5nested-formscocoon-gem

解决方案

发现了我的问题。

编辑视图（添加带有卡片 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 在实际表单之外插入了字段。

推荐阅读