ExtJS中文乱码之GBK格式编码解决方案及代码
更新时间：2013年01月20日 16:36:57 作者：
这几天做后台看了一些Ext的知识，在切入工作项目的时候出现了乱码情况,所以就总结了这篇ExtJS中文乱码之GBK格式编码解决办法的文章,遇到此问题的朋友可以参考一下，希望本文对你有所帮助
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
这几天做后台看了一些Ext的知识，在切入工作项目的时候出现了乱码情况，所以就总结了这篇ExtJS中文乱码之GBK格式编码解决办法的文章，作为记录。
1、具体情况：
在引入：
复制代码 代码如下:
<title>Ext-学习|测试项目</title>
02.<link href="/?js/ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
03.<script type="text/javascript" src="http://9i0i.com/pic.php?p=/js/ext/ext-base.js"></script>
04.<script type="text/javascript" src="http://9i0i.com/pic.php?p=/js/ext/ext-all.js"></script>
05.<script type="text/javascript" src="http://9i0i.com/pic.php?p=/js/ext/ext-lang-zh_CN.js"></script>
后，写了一个简单的例子：
复制代码 代码如下:
<script type="text/javascript">
Ext.onReady(
function(){
Ext.MessageBox.alert("提示","你好，世界！");
}
);
</script>
结果出现：
2、页面的编码是GBK，具体代码如下：
3、解决办法：
（1）把页面的编码定义为UFT-8后正常，但项目指定编码是UTF-8，所以不能采用这个思路。
（2）把引入的资源文件（/js/ext/ext-lang-zh_CN.js）改变为合适的编码，具体如下：
A 、用EditPlus打开这个js文件，选择另存为，如下图：
B、可以看到编码选项一共有5项，但是都不是我们需要的，我们点击后面的 更多的小按钮（上面有两个点的不起眼的哪个按钮）
看到下图后，选择图中的编码并确认：
然后，替换工程里面的js，再测试：
可以看到，乱码问题已经解决，文字显示正常了。
相关文章
Extjs组件的定义在网上看到了一个实例，于是拷了下来留着以后用，现在把它晒出来与大家一起分享，感兴趣的各位可不要错过了哈2013-06-06
Extjs表单验证包括空验证、用vtype格式进行简单的验证、高级自定义密码验证、使用正则表达式验证等等2014-03-03
关于extjs treepanel复选框选中父节点与子节点的问题
实现带有复选框的树,选中父节点时，选中所有子节点。取消所有子节点时，才能取消根节点,感兴趣的朋友可以了解下本文2013-04-04
extjs DataReader、JsonReader、XmlReader的构造方法
DataReader、JsonReader、XmlReader的构造方法,需要的朋友可以参考下。2009-11-11
Extjs4中Form的使用之本地hiddenfield实例，具体实现如下，需要的朋友不要错过2013-11-11
在ExtJS4中使用mixins来实现多继承，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
其实这一个总是很容易解决，只要在Ext.onReady()方法之前（或者方法的第一句）加上下面这一句代码就解决了！2010-12-12
Extjs动态加载树的实现代码，需要的朋友可以参考下。2010-04-04
Extjs4.0 ComboBox如何实现三级联动，许多网友都很好奇这个问题，明确的一点是在extjs4.0中要使用load来获取数据，到底如何实现，下面小编为大家分享具体步骤2016-05-05
ExtJS Store的数据访问与更新问题，需要的朋友可以参考下。2010-04-04
最新评论