Symfony - 动态下拉列表不能用于编辑

Symfony - 动态下拉列表不能用于编辑

问题描述:

首先,我是法国人,所以我希望我的英语不是很糟糕^^'我有Symfony3的问题,我不知道如何解决它。Symfony - 动态下拉列表不能用于编辑

我有一个3下拉列表的形式。主题2相关:机构和中心。一个机构可以有几个中心。因此,当我选择一个代理机构时, 与中心的列表已更新。第三个下拉列表是Category。它们都与名称相同的实体有关。

要做到这一点与Symfony的,我也跟着官方文档:http://symfony.com/doc/3.0/form/dynamic_form_modification.html#form-events-submitted-data

一切正常,在创作形式。但是,当我使用相同的表单进行编辑时,使用相同的下拉列表,ajax请求不起作用:/ 它向我说,类别(在第三个下拉列表中)设置为空。

未捕获的PHP异常 的Symfony \元器件\ PropertyAccess \异常\ InvalidArgumentException: “类型的期望的参数 ”迷你细胞\ SinistreBundle \实体\ Categorie“, ”“ 给定” 在 ÇNULL:\瓦帕\ WWW \ SinistraV2 \供应商\ symfony的\ symfony中的\ src \的Symfony \分量\ PropertyAccess \ PropertyAccessor.php 线254

它无关,与我的2把人下拉列表,但显然,这就是问题所在。为了更清楚,当我在我的编辑表单中选择一个代理机构时会触发此错误。这样做发起了一个Ajax请求,它应该用中心更新列表,但事实并非如此。

当我查看堆栈跟踪时,setCategory()函数中传递的参数为null。

我在控制器和formType文件中验证过,我的类别不是null。下拉列表中填充了可用的类别,并设置为数据库中保留的类别。

在这里,我的 “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

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

我希望我会在这里找到一些帮助,在此先感谢!

+0

您确认AJAX请求在创建表单上正确运行?你也可以精确的关系:类别 - >机构 - >中心? – nbonniot

+0

是的,Ajax请求正在为创建表单正确运行。它只能编辑失败。机构和中心直接相关:一个中心与一个机构相连。一个机构与一个或多个中心相关联(ManyToOne关系)。类别不直接与代理或中心相关联。这3个实体与另一个实体相关,当我尝试修改这个实体时会出现这个错误。 – Heybee

好的,所以我找到了解决方案,显然问题出在我的javascript。对于Ajax请求中的属性“data”,我必须传递下拉列表“Category”的值。然后,当我运行Ajax请求时,它工作正常。如果我不这样做,就像我在第一条消息中所说的那样,Ajax请求因为“Category”值设置为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个相关的下拉列表无关,是问题所在!