Symfony2:使用form Events的动态表单


Symfony2: dynamic form using Form Events

我在Symfony2项目中制作动态表单时遇到了一些问题。我试着遵循这里的文档,但很难理解如何真正进行。我试着在页面上有这样的表格。

实际上,我需要创建一个动态表单,其中当在之前从下拉列表中选择值时,下拉列表会动态更改其值。

这种动态形式涉及4个实体:

Parcsimmobilier.php<=ManyToOneEnsembles.php<ManyToOneBatiments.php<=ManyToOneZonestechnique.php

1-第一个dopdown涉及parc,当我在此下拉列表中选择一个值时,将显示ensembles下拉列表。集合下拉列表的值必须属于我首先选择的分组。

2-具有集合值的第二个下拉列表:当我选择一个值时,会出现第三个下拉列表,它涉及我所在区域的类别(实体Zonestechnique)。

3-区域类别下拉列表有多个选项,但当我选择值"外部"时,会出现最后一个包含batements值的下拉列表,但不可避免地会显示值"none"。但是,如果我选择除"外部"之外的其他值,则蜡染下拉列表将显示所有蜡染(属于我之前选择的合奏)

4-当我完成所有这些步骤时,表单的其余部分出现(区域技术实体的表单)

当我想在数据库中添加/创建新的Zones技术时,我必须继续此表单。

这是我的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代码,因为我有错误

尝试对类调用方法"getEnsembles"Enexgir''DatabaseBundle''Entity''Zonestechnique"C: ''wamp''www''MyPathToMyProject''src''Enexgir''DatabaseBundle''Form''ZonestechniqueType.php第65行。

这是第65行的代码:

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

我知道Ensembles.phpParcsimmobilier.phpZonestechnique.php没有关系,但我遵循文档,我真的不明白这是怎么回事。有人可以帮我理解并制作这个表格吗?

提前谢谢。

symfony表单事件系统肯定需要一些精简。话虽如此,这是有可能实现的。对于将出现的每个下拉列表,您将需要2个表单事件(PRE_SET_DATA/POstrongUBMIT)。您应该能够将所有PRE_SET_DATA事件合并为一个函数,但您必须在单独的函数中处理POstrongUBMIT事件,因为它们绑定到表单

您需要将if语句更改为:

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

你也不需要打电话:

$form->bind($request);

如果您已经致电:

$form->handleRequest($request);

后者取代了前者。

通过只为非AJAX请求"处理"表单,这将允许您的表单获得更新的数据,并触发表单事件并返回。

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