JavaScript Inheritance Using .call()

Question

I need a way to call many DHTMLX attach*() functions with certain defaults already set. This is just one example. If I can figure this one example out then I can apply it to all others.

DHTMLX has many functions similar to this: dhtmlXCellObject.prototype.attachToolbar(), attachTabbar(), attachRibbon(), etc... But for every single toolbar in my app there are certain settings I want to automatically apply like iconSize and iconPath.

dhtmlXCellObject.prototype.attachTheBetterToolbar = function (conf) {
    // https://docs.dhtmlx.com/api__dhtmlxlayout_attachtoolbar.html
    // dhtmlXToolbarObject.prototype.attachToolbar.call(this, conf); This throws: Cannot read property 'call' of undefined

    this.attachToolbar.call(this, conf);

    // I want these two settings below on every single toolbar in our app but
    // I only want to have to set them once in here.  Then throughout my
    // entire application, we will only use attachTheBetterToolbar...
    // layout.cells('a').attachTheBetterToolbar()
    // window.attachTheBetterToolbar()
    // accordian.attachTheBetterToolbar()
    // tabbar.tabs('a').attachTheBetterToolbar()
    // etc...

    this.setIconSize(18);
    this.setIconsPath(c3.iconPath);
};

The above code doesn't work (errors with: this.setIconSize is not a function) but I think you'll get the idea of what I'm trying to attempt. I'm reading all sorts of articles on JavaScript extend, apply, call, inheritance, etc... I feel like I'm close but something just isn't clicking.

I thought the ".call()" part would cause inheritance to happen like described here: https://stackoverflow.com/a/16058530/3112803 (the Variation 1 - Mixin -> Inheritance example)

Not sure why you need to use .call(). this.attachToolbar(conf) should do the same thing. — Barmar
– Barmar, Commented Jun 15, 2018 at 21:32
You only need to use .call() if you want this in the called method to be different from the object whose method you're using. — Barmar
– Barmar, Commented Jun 15, 2018 at 21:34
Thanks @Barmar, been on a coding bender, crosseyed. Add it as an answer if you want credit. Editing OP now to show what I just tried which works. — gfrobenius
– gfrobenius, Commented Jun 15, 2018 at 21:39

gfrobenius · Accepted Answer · 2018-06-15 21:43:27Z

0

This does what I need...

dhtmlXCellObject.prototype.attachTheBetterToolbar = function (conf) {
    var tb = this.attachToolbar(conf);

    // this.setIconset("awesome");
    tb.setIconSize(18);
    tb.setIconsPath(c3.iconPath);

    return tb;
};

answered Jun 15, 2018 at 21:43

gfrobenius

4,06710 gold badges38 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JavaScript Inheritance Using .call()

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related