Comment ajouter une méthode à un singleton dans ExtJS4 ?

Question

C'est l'ExtJS Classe de forme :

Ext.define('Ext.chart.Shape', {

    singleton: true,

    circle: function (surface, opts) {
        return surface.add(Ext.apply({
            type: 'circle',
            x: opts.x,
            y: opts.y,
            stroke: null,
            radius: opts.radius
        }, opts));
    },
    ...
});

Je veux ajouter une méthode à cette classe. Par exemple :

myCircle: function (surface, opts) {
        return ...
},

Comment puis-je le faire ?

Answer 1

J'ai trouvé la réponse. Voici la solution si quelqu'un en a besoin :

Ext.define('MyShape', {
    override: 'Ext.chart.Shape',

    initialize: function() {
        this.callOverridden(arguments);
    },

    myCircle: function (surface, opts) {
        return ...
    }
});

Answer 2

Vous pouvez l'étendre pour ajouter de nouvelles fonctions, ou la remplacer pour modifier le comportement des fonctions existantes sur une classe. Les liens ci-dessous renvoient aux détails de la documentation Sencha expliquant comment les utiliser.

Étendre le site

Remplacer

Exemple d'implémentation de extend :

Ext.define('yourCustomClassHere', {
    extend: 'Ext.chart.Shape',
    newFunctionName: function () {
       //your function here
    }
});