ExtJS中文亂碼之GBK格式編碼解決方案及代碼
這幾天做后臺看了一些Ext的知識,在切入工作項目的時候出現(xiàn)了亂碼情況,所以就總結(jié)了這篇ExtJS中文亂碼之GBK格式編碼解決辦法的文章,作為記錄。
1、具體情況:
在引入:
<title>Ext-學(xué)習(xí)|測試項目</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>
后,寫了一個簡單的例子:
<script type="text/javascript">
Ext.onReady(
function(){
Ext.MessageBox.alert("提示","你好,世界!");
}
);
</script>
結(jié)果出現(xiàn):

2、頁面的編碼是GBK,具體代碼如下:

3、解決辦法:
(1)把頁面的編碼定義為UFT-8后正常,但項目指定編碼是UTF-8,所以不能采用這個思路。
(2)把引入的資源文件(/js/ext/ext-lang-zh_CN.js)改變?yōu)楹线m的編碼,具體如下:
A 、用EditPlus打開這個js文件,選擇另存為,如下圖:

B、可以看到編碼選項一共有5項,但是都不是我們需要的,我們點擊后面的 更多的小按鈕(上面有兩個點的不起眼的哪個按鈕)
看到下圖后,選擇圖中的編碼并確認(rèn):

然后,替換工程里面的js,再測試:

可以看到,亂碼問題已經(jīng)解決,文字顯示正常了。
相關(guān)文章
常用Extjs工具:Extjs.util.Format使用方法
常用Extjs工具:Extjs.util.Format使用方法,需要的朋友可以參考下2012-03-03
JavaScript的Ext JS框架中的GridPanel組件使用指南
GridPanel和TreePnal功能類似,都是Ext JS中的表格便攜利器,相比之下GridPanel還要更強大并且更復(fù)雜一些,下面我們就來整理一下JavaScript的Ext JS框架中的GridPanel組件使用指南2016-05-05
Extjs學(xué)習(xí)筆記之五 一個小細節(jié)renderTo和applyTo的區(qū)別
Extjs的組件有兩個看起來類似的配置項,applyTo和renderTo,這兩個配置項都是用來指定將該extjs組件加載到什么位置。那他們到底有什么區(qū)別呢,網(wǎng)上搜了下,有兩篇博文也是關(guān)于這個的。2010-01-01
Extjs中通過Tree加載右側(cè)TabPanel具體實現(xiàn)
用Extjs4.1來做界面,有關(guān)Extjs4.1資料在網(wǎng)上也相對來說較少,下面是具體的實現(xiàn)代碼1.左側(cè)的功能樹2.需要打開的對應(yīng)的view,有類似需求的朋友可以參考下哈2013-05-05

