parsing variable from javascript to html twig

Question

I started using html twig in Symfony2 and I got the following problem:

function goEditConflict(){
    $("#go").on("click", function(){
    id = $("#case_number").val();

    windows.location = {{ path("acf_case_conflict_edit", {"id" : id}) }} ;
    });
}

Variable "id" does not exist in ACFCaseBundle:Shared:caseHierachy.js.twig at line 38

I try to redirect page base on the id variable but I got the error that when I try redirect to {{ path("acf_case_conflict_edit", {"id" : id}) }} the variable does not exist.

How can I use a js variable in my twig code?

This error is about twig variable named id. Please check whether such variable is passed to twig template in which you are trying to use it. — gatisl
– gatisl, Commented Apr 17, 2013 at 14:40
are you trying to use a javascript variable in a twig template function? — Renan Ivo
– Renan Ivo, Commented Apr 17, 2013 at 14:54
This bundle might help you to generate urls in JS code github.com/FriendsOfSymfony/FOSJsRoutingBundle — gatisl
– gatisl, Commented Apr 17, 2013 at 14:59
Yes I try to use a javascript variable in a twig template function. It may sound funny but I really get start with Symfony and I am not sure how js and twig work together. — Sokmesa Khiev
– Sokmesa Khiev, Commented Apr 17, 2013 at 16:25

Lighthart · Accepted Answer · 2013-04-17 17:37:13Z

3

Your twig will get written before your javascript runs, and as such, it cannot parse the id from the jquery call. In this case, you are better off using javascript to append the id to a dummy route:

acf_case_conflict.yml:

acf_case_conflict_stub:
    pattern:  /
    defaults: { _controller: "Bundle:acf_case_conflict:edit" }

twigged out js:

function goEditConflict(){
    $("#go").on("click", function(){
    id = $("#case_number").val();
    windows.location = {{ path("acf_case_conflict_stub")}}+"/"+id+"/edit";
    });
}

This will write the new js file to have the new location each time the page is rendered.

answered Apr 17, 2013 at 17:37

Lighthart

3,6966 gold badges32 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lighthart Over a year ago

Either of the two functions below which use a parameterized twig path function are better than my answer.

M Gholami · Accepted Answer · 2015-07-19 13:26:12Z

3

Use this code

function goEditConflict(){
 $("#go").on("click", function(){
    var url = "{{ path("acf_case_conflict_edit", {"id" : js_id}) }}";

    js_id = $("#case_number").val();
    url = url.replace("id", js_id);
    windows.location = url ;
 });
}

answered Jul 19, 2015 at 13:26

M Gholami

9721 gold badge13 silver badges33 bronze badges

Comments

Ivan Javier Barranco Gavilan · Accepted Answer · 2015-05-26 07:37:23Z

0

I did the following :

function goEditConflict(){
    $("#go").on("click", function(){
    id = $("#case_number").val();
    {% set var %}
          id
    {% endset %}
    windows.location = {{ path("acf_case_conflict_edit", {"id" : var}) }} ;
    });
}

answered May 26, 2015 at 7:37

Ivan Javier Barranco Gavilan

5033 gold badges11 silver badges26 bronze badges

1 Comment

Pratik Gadoya Over a year ago

Here If you store id into var, it store id into variable var not value of id variable.

Collectives™ on Stack Overflow

parsing variable from javascript to html twig

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related