extjs 4和翻译

Question

我用extjs4编写代码。我想为法语和英语提供两个语言按钮。我已经用谷歌搜索了这个问题，但我没有找到解决方案。我希望我能在这里找到一个解决方案。

Answer 1

Sencha介绍了以下方法：

在单独的配置中保留可翻译文本：

Ext.define('MyForm',
    extend: 'Ext.form.Panel',

    // the next config is translatable
    submitBtnText: 'Submit',

    // ...

创建另一个覆盖区域设置配置的js文件，并将其包含在html页面中(js文件)：

// MyForm-fr.js
Ext.define('MyFormFr', {
    override: 'MyForm',
    submitBtnText: 'soumettre'
});

看看Sencha's official example吧。

Answer 2

您可以将翻译(例如，作为覆盖)放在不同的文件中，并根据语言加载它们。您可以在这里看到一个示例：http://docs.sencha.com/ext-js/4-0/#!/example/locale/multi-lang.html

Answer 3

我已经看过 Sencha's official example了，但现在我想将翻译添加到我的应用程序中。在我遵循的示例中，files.js和file.html在同一个目录中，但是我的应用程序遵循MVC架构，所以它是不同的。我有一个js文件，其中包含要翻译的单词：

if (Ext.app.ContactForm) {
Ext.apply(Ext.app.ContactForm.prototype, {
    formTitle: 'Contact Informatie (Dutch)',
    firstName: 'Nom',
    lastName: 'Prénom'
});

}，而我的应用程序只包含一个视图，所以我不知道将file.js放在哪里，是放在file.html的同一目录中，还是放在file.html文件夹中！以及它是如何被所有应用程序读取的