ExtJS中文亂碼之GBK格式編碼解決方案及代碼
更新時(shí)間：2013年01月20日 16:36:57 作者：
這幾天做后臺(tái)看了一些Ext的知識(shí)，在切入工作項(xiàng)目的時(shí)候出現(xiàn)了亂碼情況,所以就總結(jié)了這篇ExtJS中文亂碼之GBK格式編碼解決辦法的文章,遇到此問(wèn)題的朋友可以參考一下，希望本文對(duì)你有所幫助
這幾天做后臺(tái)看了一些Ext的知識(shí)，在切入工作項(xiàng)目的時(shí)候出現(xiàn)了亂碼情況，所以就總結(jié)了這篇ExtJS中文亂碼之GBK格式編碼解決辦法的文章，作為記錄。
1、具體情況：
在引入：
復(fù)制代碼 代碼如下:
<title>Ext-學(xué)習(xí)|測(cè)試項(xiàng)目</title>
02.<link href="/js/ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
03.<script type="text/javascript" src="/js/ext/ext-base.js"></script>
04.<script type="text/javascript" src="/js/ext/ext-all.js"></script>
05.<script type="text/javascript" src="/js/ext/ext-lang-zh_CN.js"></script>
后，寫了一個(gè)簡(jiǎn)單的例子：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
Ext.onReady(
function(){
Ext.MessageBox.alert("提示","你好，世界！");
}
);
</script>
結(jié)果出現(xiàn)：
2、頁(yè)面的編碼是GBK，具體代碼如下：
3、解決辦法：
（1）把頁(yè)面的編碼定義為UFT-8后正常，但項(xiàng)目指定編碼是UTF-8，所以不能采用這個(gè)思路。
（2）把引入的資源文件（/js/ext/ext-lang-zh_CN.js）改變?yōu)楹线m的編碼，具體如下：
A 、用EditPlus打開(kāi)這個(gè)js文件，選擇另存為，如下圖：
B、可以看到編碼選項(xiàng)一共有5項(xiàng)，但是都不是我們需要的，我們點(diǎn)擊后面的 更多的小按鈕（上面有兩個(gè)點(diǎn)的不起眼的哪個(gè)按鈕）
看到下圖后，選擇圖中的編碼并確認(rèn)：
然后，替換工程里面的js，再測(cè)試：
可以看到，亂碼問(wèn)題已經(jīng)解決，文字顯示正常了。
相關(guān)文章
Extjs在exlipse中設(shè)置自動(dòng)提示的方法
spket最好用了，而且它還支持ext，安裝起來(lái)很簡(jiǎn)單.....2010-04-04
常用Extjs工具:Extjs.util.Format使用方法
常用Extjs工具:Extjs.util.Format使用方法，需要的朋友可以參考下2012-03-03
網(wǎng)上找了好多EXTJS上傳圖片預(yù)覽的，但都不行，，，下面雖然IE8可以但肯定還存在其它瀏覽器的兼容性問(wèn)題，待擱應(yīng)付一下吧2012-03-03
JavaScript的Ext JS框架中的GridPanel組件使用指南
GridPanel和TreePnal功能類似,都是Ext JS中的表格便攜利器,相比之下GridPanel還要更強(qiáng)大并且更復(fù)雜一些,下面我們就來(lái)整理一下JavaScript的Ext JS框架中的GridPanel組件使用指南2016-05-05
知道每個(gè)panel都有一個(gè)tbar(top bar 上面工具欄) ,bbar(bottom bar 底部工具欄)下面為大家介紹下extjs的兩個(gè)tbar問(wèn)題，感興趣的朋友可以參考下2013-08-08
ExtJS form布局使用說(shuō)明，需要的朋友可以參考下。2009-10-10
ExtJS 中Window的窗口最大化只需將maximizable屬性設(shè)置為true即可，點(diǎn)擊最大化按鈕就可以將窗體最大化，最小化的操作類似將minimizable設(shè)置為true，即可以看到窗體的最小化按鈕，但是點(diǎn)擊此按鈕并不會(huì)出發(fā)任何操作，Ext沒(méi)有為窗口預(yù)設(shè)最小化的任何操作，需要自己自定義最小化功能。2009-11-11
用extjs實(shí)現(xiàn)的集成fckeditor的代碼。2009-05-05
Extjs學(xué)習(xí)筆記之五 一個(gè)小細(xì)節(jié)renderTo和applyTo的區(qū)別
Extjs的組件有兩個(gè)看起來(lái)類似的配置項(xiàng)，applyTo和renderTo，這兩個(gè)配置項(xiàng)都是用來(lái)指定將該extjs組件加載到什么位置。那他們到底有什么區(qū)別呢，網(wǎng)上搜了下，有兩篇博文也是關(guān)于這個(gè)的。2010-01-01
Extjs中通過(guò)Tree加載右側(cè)TabPanel具體實(shí)現(xiàn)
用Extjs4.1來(lái)做界面，有關(guān)Extjs4.1資料在網(wǎng)上也相對(duì)來(lái)說(shuō)較少，下面是具體的實(shí)現(xiàn)代碼1.左側(cè)的功能樹(shù)2.需要打開(kāi)的對(duì)應(yīng)的view，有類似需求的朋友可以參考下哈2013-05-05