在Dojo中的“确认”对话框上注销执行中操作

Question

I have a dojo widget as below:

define("myWidget/AnExperiment", [
    "dojo/_base/declare",
    "dojo/dom-style",
    "dijit/ConfirmDialog",
    "dijit/_WidgetBase"
    ], function(declare, domStyle, ConfirmDialog, _WidgetBase) {

return declare([_WidgetBase], {

myDialog: null,

createDialog: function() {
self = this;

self.myDialog = new ConfirmDialog({
                title: 'MyDialog',
                content: 'This is my Dialog.',
                closable: false
            });

domStyle.set(myDialog.cancelButton.domNode, "display", "none");

self.myDialog.on("execute", function() {
                console.log('Func1 called');
                self.myFunc1();
            });

self.myDialog.show();

setTimeout(function() {
                self.changeDialogAction();
            }, 30000);

}

changeDialogAction: function () {
    var self = this;
    self.myDialog.set("title", 'Changed MyDialog');
    self.myDialog.set("content", 'This is the changed dialog');
    // WHAT DO I DO HERE TO UN-REGISTER OLD ON-EXECUTE ACTION
    self.myDialog.on("execute", function() {
        console.log('Func2 called');
                self.myFunc2();
    });
},

myFunc1: function() {
 console.log('This is func1');
},

myFunc2: function() {
 console.log('This is func2');
}
}   

On invoking createDialog , a ConfirmDialog gets created. It is initially configured to call Func1 on-execute . The Dialog is then shown.

However, if the user does not do anything for 30 secs, the on-execute action gets changed to call Func2 .

My problem is, when the user clicks after 30 secs, instead of just Func2 getting called, both Func1 and Func2 gets called.

How do I un-register so that only Func2 gets called if the execute happens after 30 secs?

Answer 1

From documentation "The return value of on() provides a method that can be used to remove the event listener from the event."

Ex:

require(["dojo/on", "dojo/_base/window"], function(on, win){
  var signal = on(win.doc, "click", function(){
    // remove listener after first event
    signal.remove();
    // do something else...
  });
});

so once function1 is called, you can use the handler (signal) to remove it.