How to override a JS variable in Odoo 11?

Question

Consider the below class exists

local.MyWidget = instance.Widget.extend({
    events: {
        "click .my_button": "button_clicked",
    },
    button_clicked: function() {
        console.log("Button Clicked");
    }
});

I want to add one more event to the variable like below

MyWidget.include({
    events: {
        "click .new_button": "new_button_clicked",
    },

    new_button_clicked: function() {
        console.log("New Button Clicked.");
    }
});

The above doesn't work and the error i get is

events is undefined

How this can be done in odoo?

Answer 1

You can do it like this as well:

MyWidget.include({
    init: function(parent, options) {
        this.events["click .new_button"] = "new_button_clicked";
        this._super(parent, options);
    },

    new_button_clicked: function() {
        console.log("New Button Clicked.");
    } 
});