使用Sencha CMD应用程序扩展JS本地化

Question

我尝试使用Ext JS 6.2.0实现本地化。该应用程序由Sencha Cmd生成。我跟随Ext JS localization documentation和Saki's blog post。

这就是我所做的：

首先，我创建了一个简单的面板。

Ext.define('MyApp.view.main.MyPanel',{
    xtype: 'mypanel',
    extend: 'Ext.panel.Panel',
    title: 'Hello World',
});

然后，我创建了一个＆＃39; locale＆＃39; ＆＃39; app＆＃39;下的目录目录，并创建了一个＆＃39; es＆＃39;目录＆＃39;

下的目录

接下来，我在＆＃39; app / locale / es＆＃39;

中创建了一个覆盖类

Ext.define('MyApp.locale.es.MyPanel',{
    override: 'MyApp.view.main.MyPanel',
    title:'Hola Mundo'
});

最后，我修改了＆＃39; app.json＆＃39;。 我已编辑过“需要＆＃39;并且＆＃39;覆盖＆＃39;部分和添加的区域设置＆＃39;设置

"locale": "es",

"overrides": [
    "overrides",
    "app/locale/${app.locale}"
],

"requires": [
    "font-awesome",
    "ext-locale"
],

在我运行Sencha app build＆＃39;之后，我可以看到Ext JS组件（例如按钮文本，日期选择器）已更改为西班牙语，但是＆＃39; mypanel＆＃39;仍然是'Hello World＆＃39;。