如何在 Symfony 中创建动态级联形式？

Question

我使用 Symfony 3 已经有一段时间了，直到现在我只生成简单的表单。现在，我想生成一个更复杂、更动态的表单，希望能得到一些帮助。

我的网站引用了与类别相关联的产品。因此，我创建了一个依赖于 Doctrine 扩展 Tree 的 ProductCategory 实体。因此，实际产品是树结构的叶子，其他节点（即至少有一个孩子的节点）只是产品类别。

这种结构的一个例子是这个：

Food
      Fruits
           Apple
           Pear
      Vegetables
           Pepper
           Zucchini
 Vehicle
      Car
      Bike

在本例中，产品是 Apple、Pear、Pepper、Zucchini、Car 和 Bike。

我想生成一个用于选择产品的表单。预期的行为是这样的：

• 最初，用户会看到一个包含根类别（此处为食物和车辆）的下拉列表
• 当用户选择一个类别时，前一个下拉列表下方会出现一个新的下拉列表，其中填充了与先前选择的类别相对应的子类别（例如，如果选择了食物，则为水果和蔬菜）
• 在用户选择产品（即树形结构的一个叶子）之前，此过程应该是可重复的。

为了使表单有效，用户必须选择一个产品（叶子）。

目前，我已经能够生成带有列出根类别的下拉列表的初始表单。这是用于执行此操作的代码。

use Symfony\Bridge\Doctrine\Form\Type\EntityType;
use AppBundle\Entity\ProductCategory;
use AppBundle\Repository\ProductCategoryRepository;
 
class ProductType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
            $builder->add('productCategory',EntityType::class,array(
                'class'         => 'AppBundle:ProductCategory',
                'query_builder' => function(ProductCategoryRepository $repository){
                        return $repository->getRootNodesQueryBuilder();
                },
                'label'         => 'product category',
                'choice_label'  => 'name',
                'choice_value'  => 'name',
                'multiple'      => false,
                'expanded'      => false,
                'required'      => true
            ));
    }
 
 
    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults(array(
            'data_class' => Product::class,
            'method' => 'POST',
        ));
    }
}

由此，我们的想法是使用 AJAX 和 jQuery 来：

• 使用下拉菜单中的“更改”事件将（当前）选择的类别发送到服务器
• 在前一个下拉列表下方生成并显示新的下拉列表，并带有足够的

但是，我不知道如何修改 ProductType 类以便根据当前选择的类别生成新的 EntityType 字段，然后发回更新的表单以允许其通过 jQuery 显示。

因此，我们非常欢迎任何帮助或建议，以便在构建这种动态表单方面取得进展！

Answer 1

如果我正确理解您的问题，那么您需要获取给定类别的子类别。您可以将其作为选项传递给ProductType

use Symfony\Bridge\Doctrine\Form\Type\EntityType;
use AppBundle\Entity\ProductCategory;
use AppBundle\Repository\ProductCategoryRepository;
 
class ProductType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
            $category = $options['category'];

            $builder->add('productCategory',EntityType::class,array(
                'class'         => 'AppBundle:ProductCategory',
                'query_builder' => function(ProductCategoryRepository $repository) use ($category){
                        return $repository->getRootNodesQueryBuilder($category);
                },
                'label'         => 'product category',
                'choice_label'  => 'name',
                'choice_value'  => 'name',
                'multiple'      => false,
                'expanded'      => false,
                'required'      => true
            ));
    }
 
 
    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults(array(
            'data_class' => Product::class,
            'method' => 'POST',
            'category' => null
        ));
    }
}

在 getRootNodesQueryBuilder() 中，您可以根据传递的类别解析子类别。在控制器中（您收到 AJAX 请求的地方），您可以像使用它一样

$form = $this->createForm(ProductType::class, $product, [
        'category' => $request->get('category')
]);