Добавить логику в Ext.Component initialize Sencha Touch

Question

У меня есть приложение, которое должно быть многоязычным.
Перевод выполнен с сервера и основан на пользователе, использующем приложение.
Мой текущий подход заключается в создании моего собственного поля для всего, что используется в приложении, и во время инициализации я изменяю то, что он говорит переведенному тексту, на основе заданного кода.
Например, в одной кнопки, я создаю свою собственную кнопку, как это:

Ext.define('myapp.view.shared.MyButton', { 
    extend: 'Ext.Button', 
    xtype: 'myappbutton', 

    initialize: function() { 
     this.callParent(); 
     this.setText(myapp.util.Helper.getTranslation(this.textCode, this.defaultText)); 
    } 
}) 

Затем меняю де настройки кнопки по умолчанию на что-то вроде этого, где я просто изменить xtype, удалить текст, а также добавить textCode и defaultText.

{ 
    xtype: 'myappbutton', 
    textCode: 'back', 
    defaultText: 'Back', 
    ... 
} 

Затем я определяю текст и текст по умолчанию. Метод getTranslation проверяет в локальном хранилище, чтобы получить перевод для кода, и вернуть найденный текст или отправленный по умолчанию текст.

¡Вот вопрос!
Поскольку у меня есть 12 различных компонентов (до сих пор), и каждый компонент каким-то образом расширяется из Ext.Component, я хочу добавить свой код в инициализацию Ext.Component, чтобы применить этот фрагмент кода, избегая этого дерьма создания настраиваемого элемента управления для каждого отдельного элемента управления, который мне нужен для перевода.
Возможно ли это?

TIA!
Milton.-

Answer 1

Я думаю, вы всегда можете попробовать что-то вдоль линий

Ext.define('MyApp.override.Internationalization',{ 
    override:'Ext.Component', 
    initialize: function() { 
     me.callOverridden(arguments); 
     // Your code here. 
    } 
});