Discussion :

[olifil]

Bonjour à tous,

Je suis en plein apprentissage de symfony.

J'ai une entité Commune dont l'un des attributs (transports) récupère par une relation de type OneToMany celle de type ManyToOne initiée dans mon entité Transport. L'attribut Transport de Commune est donc une collection.

Je cherche à afficher dans le CommuneType(formulaire) le sous-formulaire TransportType, y compris quand la collection est vide. J'ai suivi pour réaliser cela un tuto. Ceci dit la commande console

Code :

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

php app/console doctrine:generate:entyties MonBundle

m'avait permis de faire la même chose.

L'affichage du sous formulaire dans ma vue est fonctionnelle lorsque la collection est hydraté. Par contre et c'est mon souci, comment faire apparaître les mêmes champs mais lorsque la collection est vide ?

[tdutrion]

Bonjour,

Il va falloir utiliser allow add et les prototypes. A moins que je n'ai pas compris la question.

[olifil]

Merci pour ta réponse.

Alors dans mon builder form j'ai ceci :

Code :

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

1
2
3
4
5
->add('transports', 'collection', [
                        'type' => new TransportType,
                        'allow_add' => true,
                        'allow_delete' => true
                ])

Dans le DOM de ma vue, j'ai bien le formulaire qui est créé mais il reste sous la forme de l'attribut data-prototype...

[vinmar]

Salut,

Excuse moi mais je ne comprends pas bien ton problème. Tu n'arrives pas à faire quoi ? Afficher un champ de type Collection ?

Si c'est ça, tu dois :
1. Définir un formulaire correspondant à l'entité de ton champ Collection. Ce que tu as fais : c'est le TransportType qui par exemple est composé de deux champs : nom (input) et type (select).
2. Définir ton champ Collection comme tu l'as fais :

Code :

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

1
2
3
4
5
6
7
 
$builder->add('transports', 'collection', array(
    'type' => new TranportType(),
    'allow_add' => true,
    'allow_delete' => true,
    'prototype' => true
));

3. Un peu de javascript par dessus pour ajouter/supprimer des items dans ta collection
4. Personnaliser le rendu de ton formulaire TransportType avec un template twig.

[olifil]

Je viens d'avancer un peu sur le sujet et sur les prototypes...
J'ai expérimenté 2 façons de faire.

La première utilise les prototypes et si j'ai bien compris un script jQuery qui permet de recopier le champ data-prototype dés que l'on clique sur un bouton.

Code :

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

1
2
3
4
5
6
7
$('a.transport_add').on('click', function(event){
      event.preventDefault();
      var collectionHolder = $('#commune_transports');
      var prototype = collectionHolder.attr('data-prototype');
      form = prototype.replace(/\$\$name\$\$/g, collectionHolder.children().lenght);
      collectionHolder.append(form);
    });

J'ai également ajouté

Code :

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

$commune->getTransports()->add(new Transport($commune));

au début de mon controleur.

Enfin pour la mise en forme, j'utilise Bootstrap et ai rajouté cette ligne

Code :

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

1
2
form:
        resources: ['bootstrap_3_horizontal_layout.html.twig']

dans /app/config/config.yml sous la section Twig.

Avec la seconde on perd l'avantage d'utiliser Doctrine donc je n'en parle pas.

Sujet résolu ? Selon vous ? Pour ma part globalement oui.