带有自引用数据的表单（Symfony 5）

Question

我正在使用 Symfony 5 做一个应用程序，但有一个问题我无法找到解决方案，我不知道。

我想制作一个实体“人”的形式。 一个人可以在他的家庭中添加其他人。

因此，在我的实体中，我对 Person 进行了多对多自引用。

class Person
{
    /**
     * @ORM\Id
     * @ORM\GeneratedValue
     * @ORM\Column(type="integer")
     */
    private $id;

    /**
     * @ORM\Column(type="string", length=50)
     */
    private $name;

    /**
     * @ORM\Column(type="string", length=50)
     */
    private $firstname;

    /**
     * @ORM\Column(type="string", length=255)
     */
    private $birthdaydate;

    /**
     * @ORM\Column(type="string", length=255)
     */
    private $gender;

    /** 
     * @ManyToMany(targetEntity="Person")
     * @JoinTable(name="family",
     *      joinColumns={@JoinColumn(name="person__id", referencedColumnName="person__id")},
     *      inverseJoinColumns={@JoinColumn(name="family_id", referencedColumnName="person__id")}
     *      )
     */
    private $myFamily;

现在，我想制作一个表单，在其中我可以在一个人中添加新的人。 我做了一个 CollectionType，就像 symfony 说的那样，但是当我想将它打印到页面时，由于无限循环，我得到了超时。

这是导致问题的“allow_add”。

我需要“allow_add”返回的原型变量在前面添加新字段。

class PersonType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options): void
    {
        $builder
            ->add('name', TextType::class,  ['attr' => ['class' => 'form_textfield']])
            ->add('firstname')
            ->add('birthdayDate', TextType::class,  ['attr' => ['class' => 'form_datetime']])
            ->add('gender', GenderType::class)
            ->add('submit', SubmitType::class)
            ->add('myFamily', CollectionType::class, array('entry_type' => PersonType::class, 'mapped' => false, 'allow_add' => true, 'by_reference' => false, 'allow_delete' => true));
    }

    public function configureOptions(OptionsResolver $resolver): void
    {
        $resolver->setDefaults([
            'data_class' => Person::class,
        ]);
    }
}

这是我的表格，但没什么有趣的，我会在解决这个问题时添加必要的js。

{% extends 'base.html.twig' %}

{% block title %}Hello PersonController!
{% endblock %}

{% block body %}
    {{ form_start(form) }}
    {{ form_row(form.name) }}
    {{ form_row(form.firstname) }}
    {{ form_row(form.birthdayDate) }}
    {{ form_row(form.gender) }}
{{ form_row(form.myFamily) }}
    <button type="button" class="add_item_link" data-collection-holder-class="tags">Add a tag</but
    {{ form_end(form) }}
{% endblock %}

提前感谢大家。

Answer 1

存在无限循环，因为 myFamily 属性引用了一个 Person 实体，该实体本身引用了一个 myFamily 属性...

为简单起见，管理一个人的家庭的一种方法是创建一个单独的家庭实体。 从 Person 的角度来看，与家庭建立 ManyToOne 关系似乎更加连贯。 之后，您可以使用 PersonFormType 中的 EntityType:class 添加 Person 的族。

这里是 EntityType 的文档：https://symfony.com/doc/current/reference/forms/types/entity.html

Answer 2

Dylan Kas 的回答很好，只要加个新的表格就好了。

人物表格

class PersonType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options): void
    {
        $builder
            ->add('name', TextType::class,  ['attr' => ['class' => 'form_textfield']])
            ->add('firstname')
            ->add('birthdayDate', TextType::class,  ['attr' => ['class' => 'form_datetime']])
            ->add('gender', GenderType::class)
            ->add('submit', SubmitType::class)
            ->add('myFamily', CollectionType::class, array('entry_type' => ChildType::class, 'by_reference' => false, 'allow_add' => true, 'allow_delete' => true));
    }

    public function configureOptions(OptionsResolver $resolver): void
    {
        $resolver->setDefaults([
            'data_class' => Person::class,
        ]);
    }
}

myFamily 引用的孩子：

class ChildType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options): void
    {
        $builder
            ->add('name', TextType::class,  ['attr' => ['class' => 'form_textfield']])
            ->add('firstname')
            ->add('birthdayDate', TextType::class,  ['attr' => ['class' => 'form_datetime']])
            ->add('gender', GenderType::class)
            ->add('submit', SubmitType::class);
    }

    public function configureOptions(OptionsResolver $resolver): void
    {
        $resolver->setDefaults([
            'data_class' => Person::class,
        ]);
    }
}

还有观点：

{% block body %}
    {{ form_start(form) }}
    {{ form_row(form.name) }}
    {{ form_row(form.firstname) }}
    {{ form_row(form.birthdayDate) }}
    {{ form_row(form.gender) }}
    <button type="button" class="add_item_link" data-collection-holder-class="myFamily">Add a tag</button>
    <ul class="myFamily" data-index="{{ form.myFamily|length > 0 ? form.myFamily|last.vars.name + 1 : 0 }}" data-prototype="{{ form_widget(form.myFamily.vars.prototype)|e('html_attr') }}"></ul>
    {{ form_end(form) }}
{% endblock %}

与js关联

const addFormToCollection = (e) => {
  const collectionHolder = document.querySelector(
    "." + e.currentTarget.dataset.collectionHolderClass
  );

  const item = document.createElement("li");

  item.innerHTML = collectionHolder.dataset.prototype.replace(
    /__name__/g,
    collectionHolder.dataset.index
  );

  collectionHolder.appendChild(item);

  collectionHolder.dataset.index++;
};

document
  .querySelectorAll(".add_item_link")
  .forEach((btn) => btn.addEventListener("click", addFormToCollection));

它仍然需要一些工作，也许我可以让子表单扩展人表单。前线也需要一些工作。但是下一个面临这个问题的人将在这里找到解决方案。

我仍然在问自己，如果我需要一个包含自身相同形式的表单，包括自身相同的表单等，我该怎么办...... 该表单将是可递归的。