t.notifyParent('done')

Sometimes you might need to be able to run a callback function on something like a popup. When you create the popup, in the instantiation object you can give it a callback property with a function to be run, but then how do you trigger it?

That's where t.notifyParent('done') comes into play. Calling this method from that popup will trigger Trello to run the callback.

Copy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var onDone = function (t, opts) {
  console.log('Hey There');
};

window.TrelloPowerUp.initialize({
  'show-settings': function (t, opts) {
    return t.popup({
      callback: onDone,
      title: 'Settings',
      url: './settings.html',
      height: 184
    });
  }
});

The script on our settings page might look like:

1
2
var t = window.TrelloPowerUp.iframe();

t.render(function () {
  // do some stuff
});

document.getElementById('save').addEventListener('click', function () {
  // will cause the callback that was included when this
  // popup was created to be run
  return t.notifyParent('done');
});