How is a backend button widget implemented?

dmitry_fedyuk · July 18, 2017, 2:10pm

The parent class is $.ui.button.

magento/magento2/blob/2.2.0-RC1.4/lib/web/mage/backend/button.js#L6-L61


(function (factory) {
'use strict';


if (typeof define === 'function' && define.amd) {
    define([
        'jquery',
        'jquery/ui'
    ], factory);
} else {
    factory(jQuery);
}
}(function ($) {
'use strict';


$.widget('ui.button', $.ui.button, {
    options: {
        eventData: {},
        waitTillResolved: true
    },


    /**
     * Button creation.
     * @protected
     */
    _create: function () {
        if (this.options.event) {
            this.options.target = this.options.target || this.element;
            this._bind();
        }


        this._super();
    },


    /**
     * Bind handler on button click.
     * @protected
     */
    _bind: function () {
        this.element
            .off('click.button')
            .on('click.button', $.proxy(this._click, this));
    },


    /**
     * Button click handler.
     * @protected
     */
    _click: function () {
        var options = this.options;


        $(options.target).trigger(options.event, [options.eventData]);
    }
});


return $.ui.button;
}));

dmitry_fedyuk · July 18, 2017, 2:12pm