添加逻辑 Ext.Component 初始化 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 方法，在本地存储中检查以获取代码的翻译，以及 return 结果或发送的默认文本。

¡问题来了！
由于我有 12 个不同的组件（到目前为止），并且每个组件都以某种方式从 Ext.Component 扩展，我想将我的代码添加到 Ext.Component 的初始化中，以便应用这段代码，避免为我需要提供翻译的每个不同控件创建自定义控件的这种废话。
这可能吗？

TIA！
弥尔顿.-

Answer 1

我猜你总是可以尝试一些类似的东西

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

添加逻辑 Ext.Component 初始化 Sencha Touch

Add logic to Ext.Component initialize Sencha Touch

extjs

sencha-touch

sencha-touch-2