Symfony3动态表单复选框

Question

我有一个使用复选框过滤EntityType的表单。 首次呈现表单时，未选中该复选框（false）。 当我检查它时，它会正确触发我的AJAX，并使用正确的子集更新我的实体。

但是，当我然后取消选中该复选框时，将保留新实体。

在检查代码时，我已验证AJAX请求已将正确的true / false发送回我的表单（探查器中的POST参数与我发送的正确）。

一切都摆在哪里，在POST_SUBMIT侦听器中。 通过记录此内容， $ event-> getForm（）-> getData（）始终为“ 1”或true。 根据docs ，这应该是当前代表表单的数据。

在表单上定义的复选框：

$builder->add('businessAcct', CheckboxType::class, array(
    'required' => false,
    'label' => ' ',
    'label_attr' => array(
        'class' => 'middle',
    ),
)) ...

我的听众：

$builder->get('businessAcct')->addEventListener(
    FormEvents::POST_SUBMIT,
    function (FormEvent $event) use ($planModifier) {
        $business = $event->getForm()->getData();

        $this->log->info($event->getForm()->getData()); // always produces 1 in profiler

        $planModifier($event->getForm()->getParent(), $business);
    }
);

我的$ planModifier的完整性...

$planModifier = function (FormInterface $form, bool $business) {
    if ($business) {
        $plans = $this->em->getRepository('AppBundle:Plan')->findAllBusinessPlans();
        $placeholder = '- select business plan -';
    } else {
        $plans = $this->em->getRepository('AppBundle:Plan')->findAllResidentialPlans();
        $placeholder = '- select residential plan -';
    }
    $form->add('plan', EntityType::class, array(
        'class' => 'AppBundle:Plan',
        'choice_label' => 'description',
        'placeholder' => $placeholder,
        'choices' => $plans,
        'label' => 'Plan:',
        'label_attr' => array(
            'class' => 'text-right middle',
        ),
    ));
};

AJAX代码：

var $bus_acct = $('#businessAcct');
$bus_acct.click(function() {
    var $form = $(this).closest('form');
    var data = {};
    data[$bus_acct.attr('name')] = $bus_acct.is(':checked');
    $.ajax({
        url : $form.attr('action'),
        type: $form.attr('method'),
        data : data,
        success: function(html) {
            $('#plan').replaceWith(
                $(html).find('#plan')
            );
        }
    });
});

我什至尝试使用$ event-> getData（），但当然也没有用。

我在此表单上还有其他动态字段，并且这些字段工作正常。

关于为什么$ event-> getForm（）-> getData（）始终为“ 1”而不跟随我的businessAcct复选框的任何想法？

Answer 1

通过阅读有关此问题的其他人的问题，我发现了两个常见的答案。

选项1：将CheckboxType更改为ChoiceType：

->add('businessAcct', ChoiceType::class, array(
    'required' => true,
    'choices' => array(
        'Yes' => true,
        'No' => false,
    ),
    'label' => ' ',
    'label_attr' => array(
        'class' => 'middle',
    ),
))

.... Twig edits not shown ....

选项2：为复选框创建一个ViewTransformer：

$builder->get('businessAcct')
    ->addViewTransformer(new CallbackTransformer(
        function ($normalized) {
            return ($normalized);
        },
        function ($submitted) {
            return ($submitted === '__false') ? null : $submitted;
        }
    ))
;

AJAX edit:

data[$bus_acct.attr('name')] = $bus_acct.is(':checked') ? 'true' : '__false';

这是怎么回事，通过使用View Transformer，我发回了一个字符串而不是一个布尔值。 这是由于浏览器将未选中的复选框发送回服务器的限制。 这里有很好的阅读： https : //github.com/symfony/symfony/issues/7139

我最终使用了选项2。