Javascript Ext JS本地化与Sencha CMD应用程序

我正在尝试用ExtJS6.2.0实现本地化。应用程序由Sencha Cmd生成。我正在关注Ext JS和

这就是我所做的：

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

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

然后，我在“app”目录下创建了一个“locale”目录，并在“locale”下创建了一个“es”目录

接下来，我在“app/locale/es”中创建了一个覆盖类

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

最后，我修改了“app.json”。 我编辑了“requires”和“override”部分，并添加了“locale”设置

"locale": "es",

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

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

---

运行“Sencha app build”后，我可以看到Ext JS组件（例如按钮文本、日期选择器）已更改为西班牙语，但“mypanel”的标题仍然是“Hello World”。

尝试将标题包装在覆盖中的配置块中。谢谢@Evantimboli。它起作用了！现在可以了。但我想动态更改区域设置，请参见。请尝试将标题包装在覆盖中的配置块中。谢谢@EvanTrimboli。它起作用了！现在可以了。但我想动态更改区域设置，请参见。