2016-08-25 9 views
1

まず、私はフランス語ですので、私の英語はそれほど悪くないことを願っています^^私はSymfony3に問題があり、解決方法はわかりませんそれ。Symfony - 編集時にのみ動作しない動的なドロップダウンリスト

私は3つのドロップダウンリストを持つフォームを持っています。テーマの2つは関連しています:代理店とセンター。 1つの機関は複数のセンターを持つことができます。したがって、代理店を選択すると、 センターのリストが更新されます。 3番目のドロップダウンリストはカテゴリです。それらはすべて同じ名前のエンティティに関連しています。行うには

symfonyで、私は公式ドキュメントに従っていること:http://symfony.com/doc/3.0/form/dynamic_form_modification.html#form-events-submitted-data

すべてが作成フォームで正常に動作します。しかし、同じドロップダウンリストを使用して同じフォームを編集すると、ajaxリクエストは機能しません。/ カテゴリ(3番目のドロップダウンリスト)はnullに設定されています。

キャッチされないPHP例外 のSymfony \コンポーネント\ PropertyAccess \例外の\ InvalidArgumentException: "タイプの予想される引数 "EDVS \ SinistreBundle \エンティティ\ Categorie"、 " Cで" 与えられた" NULL:\ WAMP \ 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リクエストが作成フォームに対して正しく実行されています。編集にのみ失敗します。代理店とセンターは直接関連しています。センターは代理店にリンクされています。代理店は、1つまたは複数のセンター(ManyToOne関係)にリンクされています。カテゴリは代理店またはセンターに直接リンクされていません。 3つのエンティティは別のエンティティに関連しており、このエンティティを変更しようとするとバグが表示されます。 – Heybee

答えて

0

解決策を見つけたので、明らかに問題はJavaScriptにありました。 Ajaxリクエストの属性 "data"については、ドロップダウンリスト "Category"の値を渡す必要があります。次に、Ajaxリクエストを実行すると、正常に動作します。最初のメッセージで述べたように、「Category」の値がnullに設定されているため、Ajaxリクエストが失敗します。

私の新しいの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人の他の関連するドロップダウンリストとは関係ない3番目のドロップダウンリストが問題であった理由を私は本当に理解していないことを認めなければなりません!

関連する問題