Symfony 表单中动态更改 ChoiceType 值：根据另一个值更新选项

在 Symfony 表单中根据另一个值更改 ChoiceType 值：实现动态选项

摘要

本教程将指导你如何实现一个功能，在 Symfony 表单中根据另一个值动态更改 ChoiceType 字段的选项。

问题陈述

假设你有一个包含两个字段的表单：

• primary: EntityType 字段，显示主菜单项
• parent_nav: EntityType 字段，显示子菜单项

你的目标是根据选定的 primary 值动态显示 parent_nav 值。

解决方案概述

要实现这一功能，我们将使用 FormEvents::POST_SUBMIT 事件监听器。此事件将在表单提交后触发，允许我们更新 parent_nav 字段的选项。

详细步骤

1. 添加事件监听器

在你的表单构建器中，添加以下代码以添加 POST_SUBMIT 事件监听器：

$builder->addEventListener(FormEvents::POST_SUBMIT, function (FormEvent $event) {
    // ...
});

2. 检索选定的 primary 值

在事件监听器中，你可以使用以下代码检索选定的 primary 值：

$primary = $data['primary'] ?? null;

3. 根据 primary 值查询 parent_nav 值

根据选定的 primary 值，执行查询以获取 parent_nav 值：

$parentNavItems = // 根据 primary 值获取 parentNavItems 的查询

4. 更新 parent_nav 字段选项

最后，使用检索到的 parentNavItems 值更新 parent_nav 字段的选项：

$form->get('parent_nav')->add('parent_nav', EntityType::class, [
    'class' => SecondaryNavItems::class,
    'choice_label' => 'title',
    'choices' => $parentNavItems,
]);

示例代码

以下是完整代码示例：

$builder->addEventListener(FormEvents::POST_SUBMIT, function (FormEvent $event) {
    $form = $event->getForm();
    $data = $event->getData();

    $primary = $data['primary'] ?? null;

    if ($primary) {
        $parentNavItems = // 根据 primary 值获取 parentNavItems 的查询

        $form->get('parent_nav')->add('parent_nav', EntityType::class, [
            'class' => SecondaryNavItems::class,
            'choice_label' => 'title',
            'choices' => $parentNavItems,
        ]);
    }
});

常见问题解答

1. 为什么需要使用 POST_SUBMIT 事件监听器？

   • POST_SUBMIT 事件监听器确保在提交表单后更新 parent_nav 字段的选项，允许你动态调整选项。

2. 如何处理多个 primary 值？

   • 如果你的 primary 字段允许选择多个值，你可以在代码中添加逻辑来处理每个选定的值。

3. 为什么需要执行查询以获取 parent_nav 值？

   • 查询是必要的，因为它允许你根据选定的 primary 值获取相关 parent_nav 值。

4. 能否通过其他方式实现动态选项？

   • 还有其他方法可以实现动态选项，例如使用 JavaScript 或 AJAX 调用。然而，使用 POST_SUBMIT 事件监听器是一种简单而有效的方法。

5. 为什么在提交表单后才更新选项？

   • 在提交表单之前更新选项可能会导致验证错误，因为选项可能不正确。