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

时间:2015-03-04 11:32:11

标签: php ajax forms symfony addeventlistener

我在 Symfony2 项目中制作动态表单时遇到一些问题。我尝试按照文档here进行操作,但很难理解如何真正继续使用它。我尝试在page上添加这样的表单。

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

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

  

Parcsimmobilier.php< = ManyToOne Ensembles.php< =    ManyToOne Batiments.php< = ManyToOne Zonestechnique.php

1- 第一个 dopdown涉及 parc ,当我在此下拉列表中选择一个值时,会出现一个合奏下拉列表。合奏下拉列表的值必须属于到我首先选择的parcs。

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

3-区域类别下拉列表中有多个选项,但当我选择“外部”值时,会显示带有batiments值的最后一个下拉列表,但值为“没有“不可避免的。但是,如果我选择其他值而不是“外部”,则会显示所有batiments (属于我之前选择的合奏)的batiments下拉列表。

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 \表格\ ZonestechniqueType.php   第65行。

这是第65行的代码:

  

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

我理解Ensembles.phpParcsimmobilier.phpZonestechnique.php没有任何关系,但是我遵循了文档,我真的不明白这是如何运作的。有人可以帮我理解并制作这种形式吗?

提前谢谢。

2 个答案:

答案 0 :(得分:1)

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

您需要将if语句更改为:

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

你也不需要打电话:

$form->bind($request);

如果您已经致电:

$form->handleRequest($request);

后者是第一个的替代品。

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

答案 1 :(得分:0)

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