Symfony - 动态下拉列表仅在编辑时不起作用
Symfony - dynamic drop down lists not working only when editing
首先,我是法国人,所以我希望我的英语不是那么糟糕^^' 我遇到了 Symfony3 的问题,我不知道如何解决。
我有一个包含 3 个下拉列表的表单。 2 个主题是相关的:机构和中心。一个机构可以有多个中心。所以,当我 select 一个机构时,
中心列表已更新。第三个下拉列表是类别。它们都与同名实体有关。
为了使用 Symfony 做到这一点,我遵循了官方文档:http://symfony.com/doc/3.0/form/dynamic_form_modification.html#form-events-submitted-data
在创建表单中一切正常。但是当我使用相同的表单进行编辑时,使用相同的下拉列表,ajax 请求不起作用:/
它对我说类别(在第三个下拉列表中)设置为空。
Uncaught PHP Exception
Symfony\Component\PropertyAccess\Exception\InvalidArgumentException:
"Expected argument of type "EDVS\SinistreBundle\Entity\Categorie",
"NULL" given" at
C:\wamp\www\SinistraV2\vendor\symfony\symfony\src\Symfony\Component\PropertyAccess\PropertyAccessor.php
line 254
这与我的其他 2 个下拉列表无关,但显然,这就是问题所在。更清楚地说,当我在编辑表单中 select 一个代理机构时,会触发此错误。这样做会启动一个 Ajax 请求,它应该用中心更新列表,但事实并非如此。
当我查看堆栈跟踪时,setCategory() 函数中传递的参数为空。
我在控制器和 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
但是没有答案,我真的不知道我做错了什么。我想我没有正确使用表单事件,这对我来说是全新的。
我希望能在这里找到一些帮助,在此先感谢!
好的,所以我找到了解决方案,显然问题出在我的 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 个相关下拉列表无关)是问题!
首先,我是法国人,所以我希望我的英语不是那么糟糕^^' 我遇到了 Symfony3 的问题,我不知道如何解决。
我有一个包含 3 个下拉列表的表单。 2 个主题是相关的:机构和中心。一个机构可以有多个中心。所以,当我 select 一个机构时, 中心列表已更新。第三个下拉列表是类别。它们都与同名实体有关。
为了使用 Symfony 做到这一点,我遵循了官方文档:http://symfony.com/doc/3.0/form/dynamic_form_modification.html#form-events-submitted-data
在创建表单中一切正常。但是当我使用相同的表单进行编辑时,使用相同的下拉列表,ajax 请求不起作用:/ 它对我说类别(在第三个下拉列表中)设置为空。
Uncaught PHP Exception Symfony\Component\PropertyAccess\Exception\InvalidArgumentException: "Expected argument of type "EDVS\SinistreBundle\Entity\Categorie", "NULL" given" at C:\wamp\www\SinistraV2\vendor\symfony\symfony\src\Symfony\Component\PropertyAccess\PropertyAccessor.php line 254
这与我的其他 2 个下拉列表无关,但显然,这就是问题所在。更清楚地说,当我在编辑表单中 select 一个代理机构时,会触发此错误。这样做会启动一个 Ajax 请求,它应该用中心更新列表,但事实并非如此。
当我查看堆栈跟踪时,setCategory() 函数中传递的参数为空。
我在控制器和 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
但是没有答案,我真的不知道我做错了什么。我想我没有正确使用表单事件,这对我来说是全新的。
我希望能在这里找到一些帮助,在此先感谢!
好的,所以我找到了解决方案,显然问题出在我的 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 个相关下拉列表无关)是问题!