Ext本地化简单实现

最新推荐文章于 2021-02-24 23:01:14 发布

lindazcg

最新推荐文章于 2021-02-24 23:01:14 发布

阅读量123

点赞数

CC 4.0 BY-SA版权

文章标签： EXT CSS JavaScript 浏览器 Bean ViewUI

本文链接：https://blog.youkuaiyun.com/lindazcg/article/details/83871976

本文介绍如何在ExtJS项目中配置国际化支持，通过检测浏览器语言并设置相应的语言包，实现前端界面的语言切换。特别针对中文环境，将zh转换为zh_CN，并在页面头部加载对应的本地化文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext 已有的本地化文件：ext-lang-en.js及 ext-lang-zh_CN.js

在action中获取当前浏览器语言

String locale = request.getLocale().getLanguage();
if(locale.equals("zh")){
	locale = "zh_CN";
}
session.setAttribute("locale", locale);

如果是中文，浏览器语言为："zh"将其转为"zh_CN",并将这个字符串存在session中，前台可以调用

在jsp端：

<head>
	<title><bean:message key="label.title"/></title>
	<link rel="stylesheet" type="text/css" href="${rootPath}css/styles.css">
	<link rel="stylesheet" type="text/css" href="${rootPath}js/ext2/resources/css/ext-all.css">
	<script type="text/javascript" src="${rootPath}js/ext2/ext-base.js"></script>
	<script type="text/javascript" src="${rootPath}js/ext2/ext-all.js"></script>
	<script type="text/javascript" src="${rootPath}js/ext2/ext-lang-${locale}
.js"></script>

	<script type="text/javascript">

只要需要在head 里直接调用就可以直接加载想要的js！

非常简单啦！