Yii2：wbraganca Dynamic Forms仅保存提交的单个值问题

嗨，我之前也碰到过一模一样的问题！这种情况90%是因为表单字段没有用数组格式命名，导致后端接收数据时，后面的输入直接覆盖了前面的，最终只留下最后一个值。下面给你一步步排查和解决的方案：

1. 先检查前端字段的命名格式 #

DynamicForm要求每个动态生成的字段，name属性必须是数组结构（比如ModelName[attribute][索引]），这样后端才能识别这是一组值而不是单个值。在ActiveForm里渲染字段时，一定要带上[{$index}]：

<?= $form->field($model, "[{$index}]facility_name")->textInput() ?>
<?= $form->field($model, "[{$index}]estimated_cost")->textInput(['type' => 'number']) ?>

这里的$index是循环模型列表时的索引，DynamicForm会自动维护这个索引的唯一性，确保每个字段的name不会冲突。

2. 后端要正确处理多模型数据 #

别再用单个模型的load()方法了，要改用loadMultiple()来批量加载提交的数组数据，然后循环验证和保存：

public function actionCreate()
{
    $models = Facility::createMultiple(Facility::class);

    if (Yii::$app->request->isPost) {
        // 批量加载所有提交的模型数据
        Facility::loadMultiple($models, Yii::$app->request->post());
        
        // 先批量验证所有模型
        $isValid = true;
        foreach ($models as $model) {
            $isValid = $isValid && $model->validate();
        }

        if ($isValid) {
            $transaction = Yii::$app->db->beginTransaction();
            try {
                // 循环保存每个模型
                foreach ($models as $model) {
                    if (!$model->save(false)) {
                        $transaction->rollBack();
                        break;
                    }
                }
                $transaction->commit();
                return $this->redirect(['index']);
            } catch (Exception $e) {
                $transaction->rollBack();
            }
        }
    }

    return $this->render('create', [
        'models' => $models,
    ]);
}

3. 核对DynamicFormWidget的配置 #

确保你的Widget初始化参数和前端HTML结构对应上，比如widgetBody、widgetItem要和你页面里的容器class一致：

<?php DynamicFormWidget::begin([
    'widgetContainer' => 'dynamicform_wrapper', // 和外层容器class对应
    'widgetBody' => '.container-items', // 动态项的父容器class
    'widgetItem' => '.item', // 每个动态项的容器class
    'limit' => 10,
    'min' => 1,
    'insertButton' => '.add-item', // 添加按钮的class
    'deleteButton' => '.remove-item', // 删除按钮的class
    'model' => $models[0],
    'formId' => 'dynamic-form', // 你的表单id
    'formFields' => [
        'facility_name',
        'estimated_cost',
    ],
]); ?>

4. 检查前端HTML结构 #

每个动态项要包裹在对应的容器里，比如：

<div class="container-items"> <!-- 对应widgetBody -->
    <?php foreach ($models as $index => $model): ?>
        <div class="item panel panel-default"> <!-- 对应widgetItem -->
            <div class="panel-heading">
                <h4 class="panel-title pull-left">Facilidad <?= $index+1 ?></h4>
                <div class="pull-right">
                    <button type="button" class="add-item btn btn-success btn-xs"><i class="glyphicon glyphicon-plus"></i></button>
                    <button type="button" class="remove-item btn btn-danger btn-xs"><i class="glyphicon glyphicon-minus"></i></button>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="panel-body">
                <?php
                // 如果是更新场景，要带上id的隐藏输入
                if (!$model->isNewRecord) {
                    echo Html::activeHiddenInput($model, "[{$index}]id");
                }
                ?>
                <?= $form->field($model, "[{$index}]facility_name")->textInput(['placeholder' => 'Nombre de la facilidad']) ?>
                <?= $form->field($model, "[{$index}]estimated_cost")->textInput(['type' => 'number', 'placeholder' => 'Costo estimado']) ?>
            </div>
        </div>
    <?php endforeach; ?>
</div>
<?php DynamicFormWidget::end(); ?>

按照上面的步骤调整后，应该就能正常保存所有动态输入的字段值了。核心就是让前端字段以数组形式提交，后端用批量方法处理多模型数据。

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