Rails中基于has_many through关联的fields_for表单构建问题

嘿，我来帮你搞定这个同时填充Plan模型和关联中间表的嵌套表单问题！先从模型配置的小调整开始，再一步步写控制器和视图代码：

你当前的Plan模型用了accepts_nested_attributes_for :materials，但这是直接操作Material模型的。如果需要填充中间表PlanMaterial的自定义字段（比如数量、备注这类关联属性），得把嵌套目标改成plan_materials，这样才能直接操控中间表的数据：

class Plan < ApplicationRecord
  has_many :plan_materials
  has_many :materials, through: :plan_materials
  # 允许嵌套PlanMaterial的属性，加上allow_destroy可以支持删除关联
  accepts_nested_attributes_for :plan_materials, allow_destroy: true
end

如果你的场景需要在创建Plan时同时新建Material，可以保留对materials的嵌套配置，但操作中间表的核心还是plan_materials。

在PlansController里，要在新建/编辑页面预构建空的PlanMaterial实例（让表单能显示输入框），还要在强参数里允许嵌套的中间表参数：

class PlansController < ApplicationController
  def new
    @plan = Plan.new
    # 预构建一个空的PlanMaterial，让表单默认显示一行材料关联输入
    @plan.plan_materials.build
  end

  def create
    @plan = Plan.new(plan_params)
    if @plan.save
      redirect_to @plan, notice: 'Plan创建成功！'
    else
      render :new
    end
  end

  def edit
    @plan = Plan.find(params[:id])
    # 如果没有已关联的材料，自动生成一个空的输入行
    @plan.plan_materials.build if @plan.plan_materials.empty?
  end

  def update
    @plan = Plan.find(params[:id])
    if @plan.update(plan_params)
      redirect_to @plan, notice: 'Plan更新成功！'
    else
      render :edit
    end
  end

  private

  def plan_params
    params.require(:plan).permit(
      # 这里填Plan模型自身的字段，比如name、description等，根据你的实际情况调整
      :name, :description,
      # 允许中间表的参数：id用于更新/删除关联，material_id关联已有的Material，quantity是中间表自定义字段
      plan_materials_attributes: [:id, :material_id, :quantity, :_destroy]
      # 如果需要同时新建Material，再加上下面这行（记得模型也要加对应配置）
      # materials_attributes: [:id, :name, :spec, :_destroy]
    )
  end
end

在app/views/plans/_form.html.erb里，用fields_for渲染中间表的嵌套字段，还可以用下拉选择已有的Material，或者加动态添加行的功能：

<%= form_with(model: @plan) do |form| %>
  <% if @plan.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@plan.errors.count, "error") %> 阻止了Plan的保存：</h2>
      <ul>
        <% @plan.errors.each do |error| %>
          <li><%= error.full_message %></li>
        <% end %>
      </ul>
    </div>
  <% end %>

  <!-- Plan自身字段 -->
  <div class="field">
    <%= form.label :name %>
    <%= form.text_field :name %>
  </div>

  <div class="field">
    <%= form.label :description %>
    <%= form.text_area :description %>
  </div>

  <!-- 嵌套的中间表字段 -->
  <h3>关联材料</h3>
  <%= form.fields_for :plan_materials do |pm_form| %>
    <div class="nested-fields">
      <!-- 更新场景下需要隐藏的id字段，用于识别现有关联 -->
      <%= pm_form.hidden_field :id %>

      <!-- 选择已有的Material -->
      <div class="field">
        <%= pm_form.label :material_id, "选择材料" %>
        <%= pm_form.collection_select :material_id, Material.all, :id, :name, prompt: "请选择材料" %>
      </div>

      <!-- 中间表自定义字段示例：数量 -->
      <div class="field">
        <%= pm_form.label :quantity, "数量" %>
        <%= pm_form.number_field :quantity, min: 1 %>
      </div>

      <!-- 删除关联的复选框（需要模型配置allow_destroy: true才生效） -->
      <%= pm_form.check_box :_destroy %>
      <%= pm_form.label :_destroy, "删除该材料关联" %>
    </div>
  <% end %>

  <!-- 动态添加更多材料关联的按钮（用JS实现） -->
  <div class="actions">
    <%= form.submit "保存" %>
    <%= link_to "添加更多材料", "#", class: "add-pm-field" %>
  </div>
<% end %>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    const addButton = document.querySelector('.add-pm-field');
    const firstNestedField = document.querySelector('.nested-fields');

    addButton.addEventListener('click', function(e) {
      e.preventDefault();
      // 复制现有字段并替换索引为唯一值（用时间戳避免冲突）
      const newField = firstNestedField.cloneNode(true);
      const uniqueIndex = Date.now();
      newField.innerHTML = newField.innerHTML.replace(/plan_materials_attributes_\d+/g, `plan_materials_attributes_${uniqueIndex}`);
      // 清空输入值并取消删除复选框的选中状态
      newField.querySelectorAll('input').forEach(input => {
        if (input.type !== 'hidden' && input.name !== '_destroy') input.value = '';
        if (input.type === 'checkbox') input.checked = false;
      });
      firstNestedField.parentNode.appendChild(newField);
    });
  });
</script>

• 确保PlanMaterial模型有plan_id和material_id两个外键字段，最好给这两个字段加上数据库索引提升性能。
• 如果需要在创建Plan时同时新建Material，要在Plan模型里额外添加accepts_nested_attributes_for :materials, allow_destroy: true，并在表单里嵌套fields_for :material来渲染Material的字段。

内容的提问来源于stack exchange，提问作者Trenton Tyler