Magento 2 Development Quick Start Guide

Extending jQuery widget components

Assuming we wish to extend the redirectUrl component instead of replacing it completely, we can do so in a similar fashion. The entry in our requirejs-config.js remains the same, whereas the difference lies in how we edit our redirect-url.js file:

define([ 'jquery', 'jquery/ui', 'mage/redirect-url'], function ($) { 'use strict'; $.widget('magelicious.redirectUrl', $.mage.redirectUrl, { /* Override of parent _onEvent method */ _onEvent: function () { // Call parent's _onEvent() method if needed return this._super(); } }); return $.magelicious.redirectUrl;});

Using the _super or _superApply is a jQuery widget way of invoking methods of the same name in the parent widget. While this approach works, there is ...