Discussion :

[dubitoph]

Bonjour,

Je débute avec Symfony2. Par de l'Ajax, je cherche à mettre à jour une liste en fonction du choix fait dans une précédente : plus explicitement, lorsque l'utilisateur choisi, dans une liste, un département, je voudrais que, dans la liste 'Pays', ce soit le bon pays qui soit sélectionné.

Je suis obligé d'avoir une liste 'Pays' car le champs 'Département' n'est pas obligatoire (tous les pays n'en n'ont pas), tandis que le champs 'Pays' l'est.

Voici mon formulaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
 
namespace Hotels\GestionAnnoncesBundle\Form;
 
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilder;
 
class ProvinceType extends AbstractType
{
    public function buildForm(FormBuilder $builder, array $options)
    {
        $builder
            ->add('nom')
            ->add('departement')
            ->add('pays')
        ;
    }
 
    public function getName()
    {
        return 'hotels_gestionannoncesbundle_provincetype';
    }
}

Voici ma vue :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<h1>Province creation</h1>
 
<form action="{{ path('province_create') }}" method="post" {{ form_enctype(form) }}>
    {{ form_widget(form) }}
    <p>
        <button type="submit">Create</button>
    </p>
</form>
 
<ul class="record_actions">
    <li>
        <a href="{{ path('province') }}">
            Back to the list
        </a>
    </li>
</ul>

Merci d'avance pour votre aide.

[bendede]

http://blog.azancadas.com/2011/08/sy...iven-approach/

Solution qlq peu corsée pour un débutant mais bon.

[Guybrush113]

Je ne vois pas pas où est la difficulté si tu as déjà fait des requêtes Ajax. Ce n'est pas un problème de Symfony2, mais plutot de Javascript si tu ne sais pas du tout faire.

[dubitoph]

Bonjour,

J'avais l'habitude de travailler avec de l'Ajax, hors Symfony. Je mettais un 'onBlur' sur le premier 'select', j'insérais le second 'select' dans un 'div' et ensuite, via de l'Ajax, je mettais à jour ledit 'div'.

Dans Symfony, apparemment, ça ne fonctionne pas de la même manière. Je ne sais pas où placer mon 'onBlur' et comment mettre à jour le formulaire alors que je n'ai pas de 'div'.

[Akay23]

Bonjour,

J'avais l'habitude de travailler avec de l'Ajax, hors Symfony. Je mettais un 'onBlur' sur le premier 'select', j'insérais le second 'select' dans un 'div' et ensuite, via de l'Ajax, je mettais à jour ledit 'div'.

Dans Symfony, apparemment, ça ne fonctionne pas de la même manière. Je ne sais pas où placer mon 'onBlur' et comment mettre à jour le formulaire alors que je n'ai pas de 'div'.

Bonjour,

tu peux mettre tous les attributs que vous voulez dans le formtype :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
 
namespace Hotels\GestionAnnoncesBundle\Form;
 
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilder;
 
class ProvinceType extends AbstractType
{
    public function buildForm(FormBuilder $builder, array $options)
    {
        $builder
            ->add('nom')
            ->add('departement')
            ->add('pays','entity', array('class'=>votre entity,
               'attr'=>array('onblur'=>'votre fonction'))
        ;
    }
 
    public function getName()
    {
        return 'hotels_gestionannoncesbundle_provincetype';
    }
}

[dubitoph]

Ok, merci beaucoup pour l'information. Dans ce cas, ce serait plutôt :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
 
namespace Hotels\GestionAnnoncesBundle\Form;
 
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilder;
 
class ProvinceType extends AbstractType
{
    public function buildForm(FormBuilder $builder, array $options)
    {
        $builder
            ->add('nom')
            ->add('departement' , 'entity', array('class'=>'Departement',
               'attr'=>array('onblur'=>'fonction de mise à jour'))
            ->add('pays')
        ;
    }
 
    public function getName()
    {
        return 'hotels_gestionannoncesbundle_provincetype';
    }
}

Mais comment indiquer, dans mon javascript, que c'est le 'select' 'Pays' qui doit être mis à jour? Avant, par exemple, je faisais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if(xhrMajLoc.readyState == 4 && xhrMajLoc.status == 200)
     {
      document.getElementById('divLocalites').innerHTML = xhrMajLoc.responseText;
     }