Symfony - 动态下拉列表仅在编辑时不起作用答案

【问题标题】：Symfony - dynamic drop down lists not working only when editingSymfony - 动态下拉列表仅在编辑时不起作用
【发布时间】：2017-01-01 16:14:32
【问题描述】：

首先，我是法国人，所以我希望我的英语不要那么差^^' 我有一个 Symfony3 的问题，我不知道如何解决它。

我有一个包含 3 个下拉列表的表单。主题的2个相关：机构和中心。一个机构可以有多个中心。所以，当我选择一个机构时，更新中心列表。第三个下拉列表是类别。它们都与同名的实体相关。

要使用 Symfony 做到这一点，我遵循了官方文档：http://symfony.com/doc/3.0/form/dynamic_form_modification.html#form-events-submitted-data

在创建表单中一切正常。但是当我使用相同的表单进行编辑时，使用相同的下拉列表，ajax 请求不起作用：/ 它告诉我类别（在第三个下拉列表中）设置为空。

未捕获的 PHP 异常 Symfony\Component\PropertyAccess\Exception\InvalidArgumentException： ““EDVS\SinisreBundle\Entity\Categorie”类型的预期参数， “NULL”给定“在 C:\wamp\www\SinistraV2\vendor\symfony\symfony\src\Symfony\Component\PropertyAccess\PropertyAccessor.php 第 254 行

这与我的另外 2 个下拉列表无关，但显然，这就是问题所在。更清楚地说，当我在编辑表单中选择代理商时会触发此错误。这样做会启动一个 Ajax 请求，它应该使用中心更新列表，但事实并非如此。

查看堆栈跟踪时，setCategory()函数中传入的参数为null。

我在控制器和formType文件中验证，我的类别不为空。下拉列表中填充了可用的类别，并设置为持久存在于数据库中的类别。

这里是我的“formType”文件：

    class SinistreType extends AbstractType
    {
        /**
         * @param FormBuilderInterface $builder
         * @param array $options
         */
        public function buildForm(FormBuilderInterface $builder, array $options)
        {
            // Récupération des sous-types, passés en paramètre via les options du form (voir aussi function configureOptions plus bas)
            $sousTypeSinistre = $options['sousTypeSinistre'];
            $em = $options['em'];

            $builder
            [...]
                ->add('categorie', EntityType::class, array(
                    'class'         => 'EDVSSinistreBundle:Categorie',
                    'placeholder'   => 'Choisir une catégorie',
                    'choice_label'  => 'intituleCat',
                ))
                [...]
                ->add('save', SubmitType::class);

            ;

            /**
             * Liste déroulante dynamique
             * Selon l'agence sélectionnée, la liste de centres correspondant change
             */
            $centresModifier = function (FormInterface $form, Agence $agence = null) {
                /**
                 * Si l'agence passée en param est null, $centres reçoit un tableau vide,
                 * sinon $centres prend comme valeur la liste des centres rattachés à l'agence
                 */
                $centres = null === $agence ? array() : $agence->getCentres();

                // Ajout, dans le formulaire, de la liste déroulante contenant les centres récupérés précédemment
                $form->add('centre', EntityType::class, array(
                    'class'         => 'EDVSAgenceCentreBundle:Centre',
                    'placeholder'   => 'Choisir un centre',
                    'choices'       => $centres,
                    'choice_label'  => 'nom',
                ));
            };

            // Evénement appelé au moment de la construction du formulaire
            $builder->addEventListener(FormEvents::PRE_SET_DATA, function (FormEvent $event) use ($centresModifier, $em) {
                $data = $event->getData(); // Entité Sinistre
                $form = $event->getForm();

                // Dans le cas d'une modification (données provenant de la BDD)
                if ($data->getCentreUtilise()) {
                    // Récupération du centre & de l'agence par rapport au centreUtilisé & à l'agenceUtilisée liés au dossier en cours de modification
                    $centre = $em->getRepository('EDVSAgenceCentreBundle:Centre')->getCentreByNom($data->getCentreUtilise()->getNom());
                    $agence = $em->getRepository('EDVSAgenceCentreBundle:Agence')->getAgenceByNom($data->getCentreUtilise()->getAgenceUtilisee()->getNom());

                    // Sélection de l'agence & du centre dans les listes déroulantes correspondantes
                    $data->setCentre($centre[0]);
                    $data->setAgence($agence[0]);

                    // Affichage de la liste des agences disponibles & des centres correspondants
                    $centresModifier($form, $data->getAgence());
                } else { // Dans le cas d'une création (données vides)
                    $centresModifier($form, $data->getAgence());
                }
            });

            // Evénement appelé juste après que le formulaire ait été validé, concerne le champ "agence" seulement
            $builder->get('agence')->addEventListener(FormEvents::POST_SUBMIT, function(FormEvent $event) use ($centresModifier) {
            $form = $event->getForm();
            $agence = $form->getData();

            $centresModifier($form->getParent(), $agence);
        });
}

/**
 * @param OptionsResolver $resolver
 */
public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults(array(
        'data_class'        => 'EDVS\SinistreBundle\Entity\Sinistre',
        'sousTypeSinistre'  => null, // Déclaration du paramètre "typeSinistre" pour qu'il puisse être reconnu comme option (transfert du param controller vers form)
        'em'                => null, // Idem
    ));
}

}

javascript部分：

$(document).ready(function() {
    var agence = $('#sinistre_edit_agence');

    /* Actualisation de la liste déroulante des centres en fonction de l'agence sélectionnée */
    agence.change(function() {
        // Animation "Chargement en cours"
        toggleLoading();

        var form = $(this).closest('form');
        var data = {};
        data[agence.attr('name')] = agence.val();

        $.ajax({
            url : form.attr('action'),
            type: form.attr('method'),
            data : data,
            success: function(html) {
                $('#sinistre_edit_centre').replaceWith(
                    $(html).find('#sinistre_edit_centre')
                );
                toggleLoading();
            },
            error: function(error) {
                console.error(error);
                toggleLoading();
            }
        });
    });
});

这里似乎是同样的问题：Symfony 2: Dynamic Form Event returns InvalidArgumentException only when editing

但是没有答案，我真的不知道我做错了什么。我认为我没有正确使用表单事件，这对我来说是全新的。

希望我能在这里找到一些帮助，在此先感谢！

【问题讨论】：

您确认 AJAX 请求在创建表单上正确运行？您能否也精确的关系：类别 -> 代理 -> 中心？
是的，Ajax 请求正在为创建表单正确运行。仅编辑失败。机构和中心直接相关：中心与机构相关联。一个机构与一个或多个中心相关联（多对一关系）。类别不直接链接到机构或中心。这 3 个实体与另一个实体相关，当我尝试修改此实体时出现错误。
我已经在这里发布了一个修复stackoverflow.com/a/53450348/229192

标签： javascript ajax forms symfony invalidargumentexception

【解决方案1】：

好的，所以我找到了解决方案，显然问题出在我的 javascript 中。对于 Ajax 请求中的属性“数据”，我必须传递下拉列表“类别”的值。然后，当我运行 Ajax 请求时，它工作正常。如果我不这样做，就像我在第一条消息中所说的那样，Ajax 请求将失败，因为“类别”值设置为 null。

我的新javascript：

$(document).ready(function() {
var agence = $('#sinistre_edit_agence');

/* Actualisation de la liste déroulante des centres en fonction de l'agence sélectionnée */
agence.change(function() {
    // Animation "Chargement en cours"
    toggleLoading();

    var form = $(this).closest('form');
    var data = {};
    data[agence.attr('name')] = agence.val();
    data[categorie.attr('name')] = categorie.val(); // FIX : the category value

    $.ajax({
        url : form.attr('action'),
        type: form.attr('method'),
        data : data, // Now, contains my "Agence" value and "Category" value
        success: function(html) {
            $('#sinistre_edit_centre').replaceWith(
                $(html).find('#sinistre_edit_centre')
            );
            toggleLoading();
        },
        error: function(error) {
            console.error(error);
            toggleLoading();
        }
    });
});

});

我不得不承认，我真的不明白为什么第三个下拉列表（与我的其他 2 个相关下拉列表无关）是问题所在！

【讨论】：