calling nested javascript function in django template

Question

I am new to both Django and Javascript and am having trouble calling a user defined function from within a javascript function in Django template.

I have a javascript block as follows:

function EditDialog(pk) {       
   $.ajax({
       url: "{% url 'populatereviewform' %}",
       method: 'GET',
       data: {
       pk: pk
       },
       success: function(formHtml){
          //Do something
          alert("Success!")
       },
       dataType: 'html'
    });

    // this is my function that I would like to call
    function MyFunc(e, offset) {
       alert("Calling my function")
    }

    // Now I try to call this function from another function
    ("#dialog").submit(function(e)
    {
        this.MyFunc(e, "1");
        return false;
    });
}

My question is how can I call this nested function? In the code above, I am creating a function called MyFunc which I am trying to call from the submit method. However, this comes back with this.MyFunc is not a function.

Jonathan Dion · Accepted Answer · 2017-03-29 11:21:11Z

1

The this is bound to something else.

Remove this and call your function like this: MyFunc().

answered Mar 29, 2017 at 11:21

Jonathan Dion

1,67011 silver badges18 bronze badges

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

2 Comments

Luca Over a year ago

Sorry should have mentioned it, but that does not work. I get the same error without the this.

Jonathan Dion Over a year ago

You also need to add the $ on $("#dialog")

Collectives™ on Stack Overflow

calling nested javascript function in django template

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related