Symfony2:使用表单事件的动态表单

Question

在我的项目中，我有一些问题要生成一个动态表单。我试着遵循文档这里，但是很难理解如何真正地继续执行它。我试着在页面上有这样的表单。

实际上，我需要创建一个动态表单，当在之前从下拉列表中选择值时，下拉列表动态地更改它们的值。

这一动态形式涉及4个实体：

Parcsimmobilier.php <= ManyToOne Ensembles.php <= ManyToOne Batiments.php <= ManyToOne >D16

第一个是关于parc，当我在这个下拉列表中选择一个值时，就会出现组件下拉列表。组件下拉列表的值必须是属于我首先选择的parcs的。

2-带组值的第二个下拉列表:当我选择一个值时，出现第三个下拉列表，它涉及区域的类别 (entity )。

3-区域类别下拉列表有多个选择，但当我选择值“ but ”时，最后一个带batiments值的下拉列表将不可避免地以"none“值出现。但是，如果我选择其他值而不是“But”，那么batiments下拉列表就会出现在所有的batiments中(属于我之前选择的集合)。

4-当我执行所有这些步骤时，表单的其余部分就会出现(窗体表示区域技术实体)。

当我想在我的数据库中添加/创建一个新的区域技术时，我必须继续这个表单。

这里是我的entities代码

//Parcsimmobilier entity
class Parcsimmobilier
{
/**
 * @var integer
 *
 * @ORM\Column(name="id", type="integer", nullable=false)
 * @ORM\Id
 * @ORM\GeneratedValue(strategy="IDENTITY")
 */
private $id;

/**
 * @var string
 *
 * @ORM\Column(name="nom", type="string", length=150, nullable=false)
 */
private $nom;

 /**
 * @var \Doctrine\Common\Collections\Collection
 *
 * @ORM\OneToMany(targetEntity="Ensembles", mappedBy="parcsimmobilier")
 */
private $ensembles;
//end of Parcsimmobilier entity


//Ensembles entity
class Ensembles
{
/**
 * @var integer
 *
 * @ORM\Column(name="id", type="integer", nullable=false)
 * @ORM\Id
 * @ORM\GeneratedValue(strategy="IDENTITY")
 */
private $id;

 /**
 * @var string
 *
 * @ORM\Column(name="nom", type="string", length=150, nullable=false)
 */
private $nom;

 /**
 * @var \Parcsimmobilier
 *
 * @ORM\ManyToOne(targetEntity="Parcsimmobilier")
 * @ORM\JoinColumns({
 *   @ORM\JoinColumn(name="parcsimmobilier_id", referencedColumnName="id")
 * })
 */
private $parcsimmobilier;
//end of Ensembles entity


//Batiments entity
class Batiments
{
/**
 * @var integer
 *
 * @ORM\Column(name="id", type="integer", nullable=false)
 * @ORM\Id
 * @ORM\GeneratedValue(strategy="IDENTITY")
 */
private $id;

/**
 * @var string
 *
 * @ORM\Column(name="nom", type="string", length=150, nullable=true)
 */
private $nom;

/**
 * @var \Ensembles
 *
 * @ORM\ManyToOne(targetEntity="Ensembles")
 * @ORM\JoinColumns({
 *   @ORM\JoinColumn(name="ensembles_id", referencedColumnName="id")
 * })
 */
private $ensembles;
//end of Batiments entity


//Zonestechnique entity
class Zonestechnique
{
/**
 * @var integer
 *
 * @ORM\Column(name="id", type="integer", nullable=false)
 * @ORM\Id
 * @ORM\GeneratedValue(strategy="IDENTITY")
 */
private $id;

/**
 * @var string
 *
 * @ORM\Column(name="nom", type="string", length=150, nullable=false)
 */
private $nom;

/**
 * @var \Batiments
 *
 * @ORM\ManyToOne(targetEntity="Batiments")
 * @ORM\JoinColumns({
 *   @ORM\JoinColumn(name="batiments_id", referencedColumnName="id")
 * })
 */
private $batiments;

/**
 * @var \Doctrine\Common\Collections\Collection
 *
 * @ORM\ManyToMany(targetEntity="Categorieszonestechnique")
 * @ORM\JoinTable(name="zonestechnique_categorieszonestechnique",
 *   joinColumns={
 *     @ORM\JoinColumn(name="zonestechnique_id", referencedColumnName="id")
 *   },
 *   inverseJoinColumns={
 *     @ORM\JoinColumn(name="categorieszonestechnique_id", referencedColumnName="id")
 *   }
 * )
 */

 private $categorieszonestechnique;

遵循文档，这是我的格式，ZonesTechniqueType.php

use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolverInterface;
use Symfony\Component\Form\FormEvent;
use Symfony\Component\Form\FormEvents;

class ZonestechniqueType extends AbstractType
{
    /**
     * @param FormBuilderInterface $builder
     * @param array $options
     */
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('parcsimmobilier', 'entity', array(
                                            'class'    => 'EnexgirDatabaseBundle:Parcsimmobilier',
                                            'property' => 'nom',
                                            'multiple' => false,
                                            'required' => true,
                                            'mapped' => false,
                                            'empty_value' => '-- sélectionner un parc --',
                                            'label'    => 'Choisir le parc immobilier : ',
                                            'attr' => array('class' => 'col-xs-3 form-control')))
            ->add('nom')
            ->add('localisation')
            ->add('commentaire')
            ->add('categorieszonestechnique')
            ->add('batiments');

            $formModifier = function (FormInterface $form, Parcsimmobilier $parc = null) {
                $ensembles = null === $parc ? array() : $parc->getEnsembles();

                $form->add('ensembles', 'entity', array(
                                                'class'       => 'EnexgirDatabaseBundle:Ensembles',
                                                'property' => 'nom',
                                                'multiple' => false,
                                                'required' => true,
                                                'mapped' => true,
                                                'empty_value' => '-- sélectionner un ensemble --',
                                                'label'    => 'Choisir l\'ensemble : ',
                                                'query_builder' => function(EntityRepository $er) use ($parc) {
                                                                    return $er->createQueryBuilder('e')
                                                                        ->where("e.parcsimmobilier = :parcsimmobilier_id")
                                                                        ->orderBy('e.nom', 'ASC')
                                                                        ->setParameter(':parcsimmobilier_id', $parc);
                                                                    },
                ));
            };

            $builder->addEventListener(
                FormEvents::PRE_SET_DATA,
                function (FormEvent $event) use ($formModifier) {
                    // this would be your entity
                    $data = $event->getData();

                    $formModifier($event->getForm(), $data->getEnsembles());
                }
            );

            $builder->get('parcsimmobilier')->addEventListener(
                FormEvents::POST_SUBMIT,

这是我使用的控制器方法：

public function addZonesConformitesAction(Request $request) {

        $em=$this->getDoctrine()->getManager();
        $zoneConformite = $em->getRepository('EnexgirDatabaseBundle:Zonestechnique');

        $zoneConformite = new Zonestechnique;
        $form=$this->createForm(new ZonestechniqueType(), $zoneConformite);

        $form->handleRequest($request);

            //instruction if à plusieurs conditions: ici si la method est POST et si le formulaire est valide
            if ($request->isMethod('POST') | ($form->isValid())) {

                    $form->bind($request);
                    $zoneConformite = $form->getData();

                    $em->persist($zoneConformite);
                    $em->flush();

                    return $this->redirect($this->generateUrl('indexRechercheZones'));
                }

            //retourner le formulaire d'ajout si c'est invalide
            else {
                    return $this->render('EnexgirGestionEquipementsTechniquesBundle:ZonesTechnique:ajouterZonesTechniqueConformites.html.twig', array('form' => $form->createView() ));
                }
    }

最后，我的树枝的块状内容：

{% block content %}
    <div class="panel-heading">
      <h3 class="panel-title"> Gestion Des Zones techniques -<small>&nbsp;&nbsp;(ajout)</small></h3>
    </div>
    {# Panel Body #}
    <div class="panel-body">
      {# Menu #}
      <div class="panel-body">
        <ul class="nav nav-tabs">
            <li role="presentation">
                <a href="{{ path('indexRechercheZones') }}">Visualisation des Zones techniques</a>
            </li>
          <li role="presentation" class="active">
            <a>Ajouter une Zone technique et ses Conformités</a>
          </li>
        </ul>
      </div>
      {# Formulaire #}
      <div class="page-header">
        <h4><b><u>Ajouter une zone technique et ses conformites</u></b><small>&nbsp;&nbsp;(créer une zone technique qui n'existe pas encore, ainsi que ses conformités respectives)</small></h4>
        <br>
        <form action="{{ path('ajouterZonesConformites_process') }}" method="POST" {{ form_enctype(form) }}>
          <div>
            {{ form_start(form) }}
              {{ form_row(form.parcsimmobilier) }}    {# <select id="meetup_sport" ... #}
              {{ form_row(form.ensembles) }} {# <select id="meetup_position" ... #}
            {{ form_end(form) }}
          {# validation #}
            <input type="submit" value="Ajouter" class="btn btn-success"/>
          </div>
          <br>
        </form>
      </div>
    </div>
  {% endblock %}

现在，我还没有在我的小树枝上介绍Ajax代码，因为我有这个错误。

试图在"Enexgir\DatabaseBundle\Entity\Zonestechnique“类C:\wamp\www\MyPathToMyProject\src\Enexgir\DatabaseBundle\Form\ZonestechniqueType.php第65行中调用方法"getEnsembles”。

这是第65行的代码：

$formModifier($event->getForm(), $data->getEnsembles());

我知道Ensembles.php和Parcsimmobilier.php与Zonestechnique.php没有任何关系，但是我遵循文档，我并不真正理解这是如何工作的。有人能帮我理解并制作这张表格吗？

提前谢谢你。

Answer 1

symfony表单事件系统肯定可以使用一些精简。尽管如此，这是有可能实现的。对于将出现的每个下拉列表，您将需要2个表单事件(POST_DATA/POST_SET)。您应该能够将所有的PRE_SET_DATA事件组合成一个函数，但是您必须以独立的函数处理POST_SUBMIT事件，因为它们是绑定到表单上的。

您需要将if语句更改为：

if($request->isMethod('POST') && !$request->isXmlHttpRequest() && $form->isValid())

你也不需要打电话：

$form->bind($request);

如果你已经打过电话：

$form->handleRequest($request);

后者是对前者的替代。

仅通过“处理”非AJAX请求的表单，这将允许表单获取更新的数据并触发表单事件并返回它。

Answer 2

@Chausser提出了一个很好的观点，因为在$formModifier($event->getForm(), $data->getEnsembles());部分的代码中，您传递了一个Ensembles实例，因此不需要再次调用$data->getEnsembles()。希望它能帮上忙