我的应用程序管理族。一个家族由1个或N个成员组成。
我希望可以添加一个或两个父项和0或N个子项。孩子们的部分很好,但我很难与一两位父母打交道。
这是我的家庭表格类型:
$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不能验证我的表格。
如果我(在构建器中)将required=>false设置为这些字段,那么用户将有可能在不填充所有内容的情况下进行验证(我不希望这样)。
我想创建以下流程:
- 要么我们填写member2的所有字段以验证表单
- 要么我们选中一个复选框(单亲),不需要任何字段,我的最终member2将为null(或另一个解决方案)
在阅读了大量文档后,我在这里找到了问题的解决方案:http://symfony.com/doc/current/cookbook/form/dynamic_form_modification.html#cookbook-表单事件提交数据
为了不需要实体,您应该添加事件侦听器,并在提交后将数据设置为null。
第一步
将orphanRemoval=true
选项添加到属性
/**
* @ORMOneToOne(targetEntity="AppBundleEntityMember", orphanRemoval=true, cascade={"persist", "remove"})
* @ORMJoinColumn(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);
}
}
在这里,您可以选择oneToOne关系。我唯一不自豪的部分是stopPropagation
部分。这在文档中,我不知道我们是否只能以更干净的方式禁用该字段的验证。