How to get "this" object in to a callback function?

Question

How do I get this into a callback?

Started out with this, worked.

$('#grid').w2grid({
  name : 'grid',
// Lost of setup
  onMenuClick: function(event) {
    $.getJSON('?json=json&action=E&id=' + event['recid'], function(data) {
//    do some work
    });
    this.reload();
  },
});

Then to only call reload if the request worked.

$('#grid').w2grid({
  name : 'grid',
// Lost of setup
  onMenuClick: function(event) {
    $.getJSON('?json=json&action=E&id=' + event['recid'], function(data) {
//    do some work
      this.reload();
    });
  },
});

Of course "this" is no longer references the object I want to access.

Or how would I gain access the parent object?

arrow function or store the `this` in another variable and use that variable. This question is a duplicate. — Taplar, Mar 18 '19 at 20:04
https://stackoverflow.com/questions/41496958/this-does-not-work-properly-in-another-event-im-clueless-as-to-why/41496969#41496969 — Scott Marcus, Mar 18 '19 at 20:04

score 0 · Accepted Answer · answered Mar 18 '19 at 20:09

You may just bind your this inside the callback.

Note: Beware of any side-effects. Apparently you don't seem to need the new this inside the callback.

Try:

$('#grid').w2grid({
  name: 'grid',
  onMenuClick: function(event) {
    $.getJSON('?json=json&action=E&id=' + event['recid'], (function(data) {
      this.reload();
    }).bind(this));
  }
});

When arrow-functions are available, I'd suggest to use them rather than binding this.

score 0 · Answer 2 · answered Mar 18 '19 at 20:10

0

You can do it like this:

let parent = this;
$.getJSON('?json=json&action=E&id=' + event['recid'], function(data) {
//    do some work
      parent.reload();
    });

answered Mar 18 '19 at 20:10

jare25

506
1
7
17

How to get "this" object in to a callback function?

2 Answers2