8、应用翻译与动态菜单开发全解析

应用翻译与动态菜单开发全解析

在应用开发过程中，实现应用的翻译功能以及动态菜单的展示是非常重要的环节。下面将详细介绍如何实现应用的翻译以及动态菜单的开发。

应用翻译功能实现

当我们执行应用程序时，可以更改首选语言，此时会发现应用实现了翻译。不过，通常我们仅翻译了应用的标签，而 Ext JS API 中的表单错误和其他消息并未翻译。好在 Ext JS 提供了区域设置支持，我们只需在 HTML 页面添加 JavaScript 区域设置文件即可。

具体操作步骤如下：
1. 在 translations/locale.js 文件中添加以下代码：

var extjsFile = 'extjs/locale/ext-lang-' + lang + '.js';
document.write('<script type="text/javascript" src="' + extjsFile + '"></script>');

2. 再次执行应用程序，就能看到所有 Ext JS 消息也被翻译了。例如，将翻译语言更改为西班牙语，表单验证错误信息也会显示为西班牙语。

这就是为什么当用户更改语言时我们要重新加载应用，因为需要重新加载正确的区域设置文件。

动态菜单开发

在具备登录功能后，接下来要开发项目的屏幕界面，首先要实现的就是动态菜单，即菜单上显示的项目取决于用户的权限。

我们采用的方