具有 Symfony 的可为 null 的自定义表单实体第一步第二步第三步

2022-08-30 20:08:24

我的应用程序管理族。一个家庭由1或N个成员组成。

我希望有可能添加一个或两个父项以及0或N个子项。儿童部分工作正常,但我很难与1或2个父母打交道。

这是我的家庭表单类型:

 $builder
        ... many attributes
        ->add('parent1', MemberType::class)
        ->add('parent2', MemberType::class)

Parent 和 parent2 是 OneToOne 关联(家庭对成员)。会员表单类型:

 $builder
        ->add('firstName', TextType::class, [
            'label' => 'Prénom',
            'constraints' => array(
                new NotBlank(),
                new Length(array('max' => 150))
            )
        ])
        ... many other attributes with choices or not

我想到了一个复选框,如果未选中,则将父2的字段灰显,但成员值都是必需的。因此,SF2不会验证我的表单。

如果我为这些字段(在构建器中)设置了必填=> false,那么用户将有可能在不填充所有内容的情况下进行验证(我不想要)。

我想创建以下过程:

  • 我们要么填写成员2的所有字段,以便验证表单
  • 要么我们选中一个复选框(单亲)并且没有必填字段,我的最终成员2将为空(或其他解决方案)

答案 1

在阅读了大量文档后,我在这里找到了解决问题的方法:http://symfony.com/doc/current/cookbook/form/dynamic_form_modification.html#cookbook-form-events-submitted-data

为了使实体不是必需的,您应该添加事件侦听器并将数据设置为空提交。

第一步

将选项添加到您的属性orphanRemoval=true

/**
 * @ORM\OneToOne(targetEntity="AppBundle\Entity\Member", orphanRemoval=true, cascade={"persist", "remove"})
 * @ORM\JoinColumn(name="parent2_id", referencedColumnName="id",nullable=true)
 */
private $parent2;

第二步

向表单添加新字段,即未映射的复选框

   $builder
        ->add('parent1', MemberType::class)
        ->add('withParent2', CheckboxType::class, [
            'mapped'            => false,
            'required'          => false,
            'data'              => true
        ])
        ->add('parent2', MemberType::class, [
            'required'          => false
        ])

如果未选中,我们将使用此复选框将 parent2 设置为 null。

在此旁边,添加您的事件侦听器:

   //this event will set whether or not the checkbox should be checked
   $builder->addEventListener(FormEvents::PRE_SET_DATA, function (FormEvent $event) {
        $form = $event->getForm();
        $family = $event->getData();

        if ($family->getId()) {
            $form->add('withParent2', CheckboxType::class, [
                'mapped'        => false,
                'required'      => false,
                'data'          => $family->getParent2() ? true : false
            ]);
        }
    });

    //Event when the form is submitted, before database update
    $builder->addEventListener(FormEvents::POST_SUBMIT, function(FormEvent $event) {

        //if the checkbox was not checked, it means that there was not a second parent
        $withParent2 = $event->getForm()->get('withParent2')->getData();
        if (!$withParent2) {

            // we set this attribute to null, and disable the form validation
            $event->getData()->setParent2(null);
            $event->stopPropagation();
        }

    }, 900);

第三步

我们的表单以这种方式工作得很好,唯一剩下的问题是javascript验证。

只需执行一个 jquery 函数,从字段中删除所需的属性。

 function toggleParent2Requirement(checked){
        if (!checked) {
            $("[id^=family_parent2]").prop("required", false);
            $("[id^=family_parent2]").attr('disabled', true);
        }
        else {
            $("[id^=family_parent2]").prop("required", true);
            $("[id^=family_parent2]").attr('disabled', false);
        }
    }

在这里,您将一对一关系设置为可选。我唯一不引以为傲的部分是部分。这是在文档中,我不知道我们是否只能以更清晰的方式禁用此字段的验证。stopPropagation


答案 2

推荐