Rally Ext JS меняет функциональность существующего компонента

Question

Я пытаюсь переопределить или расширить существующий компонент - компонент Rally.ui.PercentDone. Я хочу предоставить ему элемент портфолио со всеми данными, необходимыми для его рендеринга с использованием той же цветовой кодировки, которую используют собственные приложения Rally (Rally Health Color Calculator).

Мне действительно нужна функция для передачи правильной записи. Вот моя идея до сих пор:

Ext.define('Custom.PercentDone', {
    requires: ['Rally.ui.renderer.template.progressbar.PortfolioItemPercentDoneTemplate', 'Rally.util.HealthColorCalculator'],
    extend  : 'Rally.ui.PercentDone',
    alias   : 'widget.cpercentdone',


    config: {
        record: null
    },

    constructor: function(config) {
        config = this.config;
        this.renderTpl = Ext.create('Custom.renderer.template.progressbar.PercentDoneTemplate', {
            calculateColorFn: Ext.bind(function(recordData) {
                console.log('called my custom coloring fn');
                var colorObject = Rally.util.HealthColorCalculator.calculateHealthColorForPortfolioItemData(config.record, config.percentDoneName);
                return colorObject.hex;
            }, this)
        });
        this.renderData = config;
        this.mergeConfig(config);
        this.callParent([this.config]);
    }
});

var custom = Ext.create('Custom.PercentDone', {
    record: item,
    percentDoneName: 'PercentDoneByStoryPlanEstimate',
});

но моя функция вычисления цвета не вызывается вместо значения по умолчанию.

Я получил его на работу, переопределив:

            var percentDoneByStoryCountEl = Ext.create("Rally.ui.PercentDone", {
                record: item,
                percentDoneName: "PercentDoneByStoryCount",
                percentDone: item.PercentDoneByStoryCount
            });
            tpl = percentDoneByStoryCountEl.renderTpl;
            tpl.calculateColorFn = function (recordData) {
                var colorObject = Rally.util.HealthColorCalculator.calculateHealthColorForPortfolioItemData(item, "PercentDoneByStoryCount");
                return colorObject.hex;
            };

            Ext.override(percentDoneByStoryCountEl, {
                renderTpl: tpl
            });

но я хотел бы выяснить, как сделать это, расширив компонент.

Спасибо за вашу помощь.