Как добавлять пользовательскую логику в существующие элементы управления

// Объявление модуля.
define("UsrLimitedIntegerEdit", [], function () {
});

define("UsrLimitedIntegerEdit", [], function () {
    // Объявление класса элемента управления.
    Ext.define("Terrasoft.controls.UsrLimitedIntegerEdit", {
        // Базовый класс.
        extend: "Terrasoft.controls.IntegerEdit",
        // Псевдоним (сокращенное название класса).
        alternateClassName: "Terrasoft.UsrLimitedIntegerEdit",
        // Наименьшее допустимое значение.
        minLimit: -1000,
        // Наибольшее допустимое значение.
        maxLimit: 1000,
        // Метод проверки на вхождение в диапазон допустимых значений.
        isOutOfLimits: function (numericValue) {
            if (numericValue < this.minLimit || numericValue > this.maxLimit) {
                return true;
            }
            return false;
        },
        // Переопределение метода-обработчика события нажатия клавиши Enter.
        onEnterKeyPressed: function () {
            // Вызов базовой функциональности.
            this.callParent(arguments);
            // Получение введенного значения.
            var value = this.getTypedValue();
            // Приведение к числовому типу.
            var numericValue = this.parseNumber(value);
            // Проверка на вхождение в диапазон допустимых значений.
            var outOfLimits = this.isOutOfLimits(numericValue);
            if (outOfLimits) {
                // Формирование предупреждающего сообщения.
                var msg = "Value " + numericValue + " is out of limits [" + this.minLimit + ", " + this.maxLimit + "]";
                // Изменение конфигурационного объекта для показа предупреждающего сообщения.
                this.validationInfo.isValid = false;
                this.validationInfo.invalidMessage = msg;
            }
            else{
                // Изменение конфигурационного объекта для скрытия предупреждающего сообщения.
                this.validationInfo.isValid = true;
                this.validationInfo.invalidMessage ="";
            }
            // Вызов логики отображения предупреждающего сообщения.
            this.setMarkOut();
        },
    });
});

// Объявление модуля. Обязательно следует указать как зависимость
// модуль, в котором объявлен класс элемента управления.
define("ContactPageV2", ["UsrLimitedIntegerEdit"],
    function () {
        return {
            attributes: {
                // Атрибут, связываемый со значением в элементе управления.
                "ScoresAttribute": {
                    // Тип данных атрибута — целочисленный.
                    "dataValueType": this.Terrasoft.DataValueType.INTEGER,
                    // Тип атрибута — виртуальная колонка.
                    "type": this.Terrasoft.ViewModelColumnType.VIRTUAL_COLUMN,
                    // Значение по умолчанию.
                    "value": 0
                }
            },
            diff: /**SCHEMA_DIFF*/[
                {
                    // Тип операции — добавление.
                    "operation": "insert",
                    // Имя контейнера, в который добавляется элемент управления.
                    "parentName": "ProfileContainer",
                    // Название свойства в контейнере, в которое будет добавлен
                    // экземпляр элемента управления.
                    "propertyName": "items",
                    // Название элемента управления.
                    "name": "Scores",
                    // Заголовок.
                    "caption": "Scores",
                    // Значения, передаваемые свойствам элемента управления.
                    "values": {
                        // Тип элемента управления — компонент.
                        "itemType": Terrasoft.ViewItemType.COMPONENT,
                        // Название класса.
                        "className": "Terrasoft.UsrLimitedIntegerEdit",
                        // Свойство value компонента связано с атрибутом ScoresAttribute.
                        "value": { "bindTo": "ScoresAttribute" },
                        // Значения для свойства minLimit.
                        "minLimit": -300,
                        // Значения для свойства maxLimit.
                        "maxLimit": 300,
                        // Свойства расположения компонента в контейнере.
                        "layout": {
                            "column": 0,
                            "row": 6,
                            "colSpan": 24,
                            "rowSpan": 1
                        }
                    }
                }
            ]/**SCHEMA_DIFF*/
        };
    });