[Twig] Variable JavaScript

Version imprimable

28/04/2011, 14h50
boscovicious

[Twig] Variable JavaScript

Bonjour, est il possible avec twig de passé une variable JS ?
je m'explique je veux faire :

Code:

var url="{{ path('_demo_secured_edit',{'id': 'data[0]', 'start':'data[1]','end': 'data[2]','isallday': 'data[3]','title': 'data[4]'} ) }}";

Mais dans le contrôleur je ne reçoit que la chaîne data[0] au lieu de la valeur Merci.
18/08/2015, 10h43
cuscodkr

j'ai exactement ton souciie

Bonjour,

j'ai le même problème pour un onclick afin d'envoyer dans le {{path(' routeName, {'id': window.id }) }}

je cherche du côté d'un bundle qui s'appel

"friendsofsymfony/jsrouting-bundle": "dev-master"

Si t'as des infos un grand merci car vraiment bloquant pour la suite du projet.
18/08/2015, 10h54
Nico_F

Pour éviter le mélange twig/Js et exposer les routes au Javascript effectivement le FOSJsRoutingBundle peut faire l'affaire.

https://github.com/FriendsOfSymfony/FOSJsRoutingBundle
18/08/2015, 12h04
cuscodkr

d'accord pourquoi pas et si j'ai besoin d'une var js pour autre chose qu'une route twig

tu me diras je pourrais faire via de l'ajax comme ça pas de changement d'adresse et j'alimente mon block mais je voudrais vraiment comprendre pourquoi "+js+" ca foire.

J'ai essayé de déclarer {% set number_id = 8 %} dans une méthod js hors ça ne fonctionne pas par contre dans le head oui donc au chargement.

Ou alors un lien mais unique comment faire?

ex:

un tableau de valleur onclick alimenter un {% set num_id = valeur %}

ainsi je pourrais faire path( 'route', id: num_id) mais comment modifier num_id

J'ai sentiment d'être muselé la car un onclick une galère on va ou

final es ce que twig signifie no js no node ou jquery

solution trouvé

Tu me diras mais moi ça me permet d'exploiter pleinement mes routes.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    {% block javascript %}
        <script type="text/javascript">
 
            $("table > tbody > tr").click(function() {
                id = $(this)[0].id;
                // alert(id);
            });
 
            function modifier(){
                if(window.id){
                    var url = '{{ path("client_update", {'id': 'id'}) }}'; 
                    url = url.replace("id", window.id);
                    window.location.replace(url);
                }
                else alert("vide");      
            }
        </script>
    {% endblock %}

la valeur en string et un replace js

si t'as d'autres infos merci

19/08/2015, 09h20
Nico_F

C'est une solution qui fonctionne en effet mais pas très élégante.

Maintenant si tu veux faire les choses un peu plus proprement comme par exemple mettre ton javascript dans des fichiers javascript, et utiliser le bundle que je t'ai suggéré.

La question "comment je fais pour mettre du twig dans mon javascript" n'a pas lieu d'être puisque le javascript a sa place dans des fichiers js et le twig dans des fichiers twig. Les deux n'ont pas à être mélangés, si tu as besoin de faire ça, tu as probablement un souci de conception.
19/08/2015, 10h32
cuscodkr

oui je suis d'accord c'est parce que je découvre et je tire un peu la langue.

J'ai tenté jsrouting avec un Routing.generate('route_id', /* your params */) dans le js de mmon twig, marche pas.

Au moins là j'utilise mes routes.

Si t'as des infos bah je t'en remercie car tout nouveau pour moi

ps: pour le bundle jsrouting c'est avec de l'ajax si je me trompe bah faut que je vois ça.
20/08/2015, 10h35
cuscodkr

Ma solution ne fonctionne pas si je place mon script dans un fichier hors de la view twig.

Il m'interprète mon {{path(...)}} tel quel dans l'adresse au lieu de la route alors que dans ma view oui.
20/08/2015, 11h21
Nico_F

Oui c'est ce que je t'ai dit : ta solution fonctionne mais uniquement dans un fichier twig, c'est crado et ça ne fonctionne plus dans un vrai fichier js.

Citation:

J'ai tenté jsrouting avec un Routing.generate('route_id', /* your params */) dans le js de mmon twig, marche pas.

"Marche pas" c'est un peu léger comme explications mais je suis quasiment sûr de ce que t'as oublié.

Le principe de ce bundle est de définir dans la configuration des routes celles qui peuvent être exposées au javascript. Et je pense que c'est cette partie que tu as oublié.

AU travail...

Salut Nico et tous les potos,

Bon finalement j'utilise jsrouting tout marche nickel à une exception.
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> function modifier(){ url = Routing.generate("gilles"); window.location.replace(url); } </script>
quand j'appel mes route j'ai un cuack avec le fichier js suivant: fos_js_route_.js (mes routes)

exemple:
Code:

1 2 fos.Router.setData({"base_url":"","routes":{"test_homepage":{"tokens":[["text","\/"]],"defaults":[],"requirements":[],"hosttokens":[]},"gilles":{"tokens":[["text","\/gilles"]],"defaults":[],"requirements":[],"hosttokens":[]}},"prefix":"","host":"localhost","scheme":"http"});
fos.Router.setData({"base_url":"", bad result = localhost/route

fos.Router.setData({"base_url":, all it's ok

pourquoi les "" posent problème dans ce cas ?

sans tout es bon donc du coup à chaque php app/console fos:js-routing:dump je dois aller modifier le fichier js pour enlever les "" de l'url de base

23/08/2015, 05h31
cuscodkr

résolu

Merci à tous pour votre aide précieuse.

jsrouting marche nickel tout est résolu.

Bien à vous