Champ select formulaire symfony

**mOscar007** · 25/03/2016, 09h47

Bonjour à tous,

Je viens chercher de l'aide sur l'utilisation d'un champ select en symfony.
J'utilise la version symfony 2.8.3 et php7.0.0. Je travaille sur Mac.

En effet, j'aimerai traduire une page de mon site (page d'accueil par exemple). Je souhaite utiliser un champ select de formulaire qui me permet d'afficher mes choix de langue (FR, EN).
J'aimerais mettre des liens dans mes options pour que quand je choisis une langue qu'il me redirige vers la page langue.html.twig par exemple.

J'ai essayé de faire ceci avec un simple formulaire dans mon fichier Twig:

TWIG:

Code :

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

1
2
3
4
5
6
7
 
     <form action="" method="post">
          <select>
               <option value-"{{ path('myapp_choisir_langue', {'langue' : 'fr'}) }}">FR</option>
               <option value-"{{ path('myapp_choisir_langue', {'langue' : 'fr'}) }}">EN</option>
          </select>
     </form>

J'ai deux questions :
- la première : c'est de savoir si mon formulaire est correcte?
- la deuxième : comment utiliser les forms symfony avec l'attribut (entity ou choice) pour afficher mon formulaire select avec mes options renvoyant vers mes liens?

J'ai d'autres questions mais d'abord je souhaiterais résoudre ces deux là en premier.

Merci par avance !

Cdlt,

**dukoid** · 25/03/2016, 10h19

(1) déjà, je pense que si ton formulaire ne fait rien d'autres que diriger vers d'autres pages tu peux laisser comme ça.
en effet, un formulaire Symfony est utile pour la validation, pour l'enregistrement en base...

la balise form ne sert à rien

Code :

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

1
2
3
4
5
          <select>
               <option value="{{ path('myapp_choisir_langue', {'langue' : 'fr'}) }}">FR</option>
               <option value="{{ path('myapp_choisir_langue', {'langue' : 'en'}) }}">EN</option>
          </select>

et tu as besoin d'un peu de jQuery ou javaScript pour detecter le changement de valeur sur le select et rediriger vers l'url de value

(2) tu pourrais faire un formulaire avec un select FR, EN ( mais tu n'as pas besoin d'entité)

tu récupère le choix de ton select dans une action du controlleur.
et en fonction du choix fr ou en, tu redirige vers tel ou tel url....

**mOscar007** · 25/03/2016, 13h06

Bonjour Dukoid,

Je te remercie pour ta réponse. Je ferai des modifications et en cas de besoin je reviendrai vers toi.
J'ai pris note de tout ce que tu m'avais dit.

Cdlt,

**mOscar007** · 30/03/2016, 15h39

Bonjour Dukoid,

Je reviens vers toi pour que tu m'expliques comment récupérer le choix de mon select dans l'action de mon controlleur en fonction du choix fr ou en.
J'utilise le bundle JMSI18nRoutingBundle pour récupérer automatique mes locales dans les routes. Je suis bloqué quand qu'il s'agit de choisir dans mon select le l'option fr ou en et que ma page change automatique.

Merci par avance.

Cdlt,

**dukoid** · 30/03/2016, 20h52

vu que tu as choisis la solution 2 :

dans une action, tu dois créer un formulaire que tu passes à la vue
dans la vue tu affiches le formulaire
au submit tu envois le resultat à une action qui va lire le formulaire et en fonction du choix rediriger vers tel ou tel endroit.

regarde la doc symfony, formulaire sans entité

**mOscar007** · 01/04/2016, 15h34

Rebonjour,

Merci Dukoid de ta réponse.
J'ai procédé de cette manière (ci-dessous mon code). Normalement si je choisi une de mes option dans mon champ select ça devrait changer de langue.
Mais pour l'instant ça ne fonctionne pas.

Mes fichiers :

# app/Resources/views/navbar.html.twig

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
       <select class="btn btn-default dropdown-toggle blue-kidscode">
              {% if (app.request.getLocale()) == 'fr' %}
              <option value="#" class="active">FR</option>
              <option value="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'})) }}">EN</option>
              {% endif %}
              {% if (app.request.getLocale()) == 'en' %}
              <option value="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'fr'})) }}">FR</option>
              <option value="#" class="active">EN</option>
              {% endif %}
       </select>

# app/config/config.yml

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
 
  # Put parameters here that don't need to change on each machine where the app is deployed
 # http://symfony.com/doc/current/best_practices/configuration.html#application-related-configuration
 
 parameters:
    locale: fr
    locale: en
 
 framework:
     #esi:             ~
     #translator:      { fallbacks: ["%locale%"] }
     translator:      { fallbacks: ["%locale%"] }
     secret:          "%secret%"
     router:
         resource: "%kernel.root_dir%/config/routing.yml"

# src/MainBundle/Resources/config/routing.yml

Code :

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

1
2
3
4
5
6
7
 
    re_main:
       path:     /site
       path:     /{_locale}/site
       defaults: { _controller: MainBundle:Default:index }
       requirements:
        _locale: fr|en

Et mes deux fichiers messages(.xlf):

# app/Resources/translations/messages.fr.xlf

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
25
26
27
 
<?xml version="1.0" encoding="utf-8"?>
<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
  <file source-language="en" target-language="fr" datatype="plaintext" original="file.ext">
    <header>
      <tool tool-id="symfony" tool-name="Symfony"/>
    </header>
    <body>
      <trans-unit id="7e02f91689d97c04d34f91d4f3517136" resname="menu.accueil">
        <source>menu.accueil</source>
        <target>accueil</target>
      </trans-unit>
      <trans-unit id="82040cdd46bd9994e97df749e999e059" resname="menu.education">
        <source>menu.education</source>
        <target>éducation par le jeu</target>
      </trans-unit>
      <trans-unit id="4a2b84acdbfedca1cbfba868be03bdf3" resname="menu.cours">
        <source>menu.cours</source>
        <target>cours en ligne</target>
      </trans-unit>
      <trans-unit id="03fa763e319ee756f1e1a54c97d2bfce" resname="menu.equipe">
        <source>menu.equipe</source>
        <target>notre équipe</target>
      </trans-unit>
    </body>
  </file>
</xliff>

# app/Resources/translations/messages.en.xlf

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
25
26
27
 
<?xml version="1.0" encoding="utf-8"?>
<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
  <file source-language="en" target-language="en" datatype="plaintext" original="file.ext">
    <header>
      <tool tool-id="symfony" tool-name="Symfony"/>
    </header>
    <body>
      <trans-unit id="7e02f91689d97c04d34f91d4f3517136" resname="menu.accueil">
        <source>menu.accueil</source>
        <target>Home</target>
      </trans-unit>
      <trans-unit id="82040cdd46bd9994e97df749e999e059" resname="menu.education">
        <source>menu.education</source>
        <target>Education by game</target>
      </trans-unit>
      <trans-unit id="4a2b84acdbfedca1cbfba868be03bdf3" resname="menu.cours">
        <source>menu.cours</source>
        <target>Online courses</target>
      </trans-unit>
      <trans-unit id="03fa763e319ee756f1e1a54c97d2bfce" resname="menu.equipe">
        <source>menu.equipe</source>
        <target>Our team</target>
      </trans-unit>
    </body>
  </file>
</xliff>

**dukoid** · 01/04/2016, 16h52

ouille ! je ne sais pas ou tu vas.......

regarde le chapitre V :
http://j-place.developpez.com/tutori...symfony2/#LV-A

ou alors la méthode classe, bonne pratique ici :
http://www.benjaminschied.fr/changer...ans-symfony-2/

c'est exactement ce que tu veux faire, non ?

et des explications diverses ici :
http://www.supinfo.com/articles/sing...-avec-symfony2

et là :
http://symfony.com/doc/current/book/translation.html

en général, quand t'essayes de faire un truc regarde si il existe des tutos, des infos ....

**mOscar007** · 01/04/2016, 17h03

J'ai suivi le même exemple de ce lien:

https://github.com/DamienChiboub/sym...19727f5ad3020c

Mon code ce n'est pas du n'importe quoi.

**dukoid** · 01/04/2016, 17h42

d'accord, c'est une méthode ou la langue apparaît dans l'url donc : .../fr/monsite ou .../en/monsite
perso, j'utiliserai plutôt la méthode des tutos des liens que je t'ai donné. le visiteur n'as pas besoin de savoir quel langue est utiliser dans l'url.

tu dois nous expliquer quel méthode tu as choisis, nous dire ou tu prends tes sources et nous indiquer précisément qu'est ce qui ne marche pas , quelle est l'erreur ......
si tu te contente à balancer du code comme ça sans rien nous dire, personne n'aura envie de t'aider..... parceque comme tout le monde on ne va pas passer 2 heures à essayer de comprendre ce que tu veux faire exactement.

**mOscar007** · 01/04/2016, 17h51

J'ai appliqué ce tutoriel à la lettre : http://j-place.developpez.com/tutori...symfony2/#LV-A.

Mais mon problème c'est au niveau du choix d'une option du champ select que ça ne marche pas. Avec les liens ça marche. Mais je n'utilise pas de liens.
C'est pour ça dès mon premier message j'ai bien demandé si le fait de mettre un lien symfony (path) marche avec les options (champ select formulaire).

Je n'ai pas besoin de créer la page : choisirLangue.html.twig car j'utilise une seule (la home.html.twig).

J'ai besoin de savoir comment faire avec le select. Quand je change d'option ça ne me traduit pas ma page.

Code html :

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

1
2
3
4
5
 
      <select class="btn btn-default dropdown-toggle blue-kidscode">
              <option value="{{ path('front_pagelangue', {'langue' : 'fr'}) }}">FR</option>
              <option value="{{ path('front_pagelangue', {'langue' : 'en'}) }}">EN</option>
      </select>

Merci

**dukoid** · 01/04/2016, 18h00

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
     <select id="select" class="btn btn-default dropdown-toggle blue-kidscode">
              <option value="{{ path('front_pagelangue', {'langue' : 'fr'}) }}">FR</option>
              <option value="{{ path('front_pagelangue', {'langue' : 'en'}) }}">EN</option>
      </select>


      <javascript.....>

          alert(    $("#select").val()  );
       </....>

tu veux dire que quand tu select une langue , ça fais rien ?
si c'est ça c'est normal. comme je t'ai dis il faut mettre un peu de javascript ou jquery pour que ça marche.

parceque là, tu vois : tu selectionne ta langue ok voilà elle est sélectionné c'est bien.

mais il faut faire en sorte qu'après la selection tu dois rediriger vers l'url du value. ça {{ path('front_pagelangue', {'langue' : 'fr'}) }} ou ça {{ path('front_pagelangue', {'langue' : 'en'}) }}.

tu peux faire ça en jquery de preference(regarde window.location).

**mOscar007** · 01/04/2016, 18h52

Code :

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

1
2
3
4
5
6
7
 
    $(document).ready(function(){
                    $('#selectUrl').change(function() {
                       $("option[value='fr']").val("{{ path('front_pagelangue', {'langue' : 'fr'}) }}");
                       $("option[value='en']").val("{{ path('front_pagelangue', {'langue' : 'en'}) }}");
                    });
     });

Je n'ai pas encore tester.

**dukoid** · 01/04/2016, 19h43

non !

comme ça :

Code :

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

1
2
3
4
5
6
 $(document).ready(function(){
                    $('#selectUrl').change(function() {
                       window.location=$(this).val();         // redirige vers la value(donc l'url) qui a été sélectionné
                    });
     });

**mOscar007** · 02/04/2016, 16h08

Ok merci bcp!

Désolé pour j'ai eu un problème de connexion.
Je ferai le test et je te dirai quoi après.

A+

**mOscar007** · 03/04/2016, 12h10

Re,

J'ai une erreur quand je sélectionne une langue. Ça me renvoie à cette erreur:

Attempted to call an undefined method named "setLocale" of class "Symfony\Component\HttpFoundation\Session\Session".

Dans mon code la ligne d'erreur est celle soulignée mise en rouge ci-dessous :

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
public function choisirLangueAction($langue = null)
{
    if($langue != null)
    {
        // On enregistre la langue en session
        $this->container->get('session')->setLocale($langue);
    }

    // on tente de rediriger vers la page d'origine
    $url = $this->container->get('request')->headers->get('referer');
    if(empty($url)) {
        $url = $this->container->get('router')->generate('myapp_accueil');
    }
    return new RedirectResponse($url);
}

**mOscar007** · 05/04/2016, 16h58

Re,

J'ai choisi la méthode class sur ce lien que tu m'as donné : http://www.benjaminschied.fr/changer...ans-symfony-2/ et ça marche.
Merci bcp @Dukoid pour tout ce temps que tu m'as consacré.

Champ select formulaire symfony [2.x]

Symfony PHP

Discussions similaires

Partager

Partager