Create ExtJs extend class

Question

I try to extend Button like in sencha example.
I do fiddle
And get error: TypeError: this.addEvents is not a function : 'statesave'.
Whats wrong?

Remember to call the overwritten methods... `this.callParent(arguments)` — Andreas Louv, Jun 20 '13 at 06:56
@NULL: Not sure that understand you. Can you give a example? — Kliver Max, Jun 20 '13 at 06:58

score 4 · Accepted Answer · answered Jun 20 '13 at 07:05

You just forgot to call new and you had a typo see JSFiddle

PuffButton = Ext.extend(Ext.Button,{
    constructor: function(config){
        PuffButton.superclass.constructor.apply(this,arguments);
        console.log("111111");
        this.on('click',function(){this.el.puff();},this);
    }
});
var puff = new PuffButton({text: 'Puff', renderTo:Ext.getBody()});

score 2 · Answer 2 · answered Aug 28 '14 at 19:16

2

Use define instead. Extend method is deprecated.

  Ext.define('Grid', {
    extend: 'Ext.grid.Panel',
    constructor: function (config) {
        this.callParent(arguments);
    }
});

answered Aug 28 '14 at 19:16

Kremena Lalova

531
1
4
17

Create ExtJs extend class

2 Answers2