ExtJS中文亂碼之GBK格式編碼解決方案及代碼
這幾天做后臺(tái)看了一些Ext的知識(shí),在切入工作項(xiàng)目的時(shí)候出現(xiàn)了亂碼情況,所以就總結(jié)了這篇ExtJS中文亂碼之GBK格式編碼解決辦法的文章,作為記錄。
1、具體情況:
在引入:
<title>Ext-學(xué)習(xí)|測試項(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è)簡單的例子:
<script type="text/javascript">
Ext.onReady(
function(){
Ext.MessageBox.alert("提示","你好,世界!");
}
);
</script>
結(jié)果出現(xiàn):
2、頁面的編碼是GBK,具體代碼如下:
3、解決辦法:
(1)把頁面的編碼定義為UFT-8后正常,但項(xiàng)目指定編碼是UTF-8,所以不能采用這個(gè)思路。
(2)把引入的資源文件(/js/ext/ext-lang-zh_CN.js)改變?yōu)楹线m的編碼,具體如下:
A 、用EditPlus打開這個(gè)js文件,選擇另存為,如下圖:
B、可以看到編碼選項(xiàng)一共有5項(xiàng),但是都不是我們需要的,我們點(diǎn)擊后面的 更多的小按鈕(上面有兩個(gè)點(diǎn)的不起眼的哪個(gè)按鈕)
看到下圖后,選擇圖中的編碼并確認(rèn):
然后,替換工程里面的js,再測試:
可以看到,亂碼問題已經(jīng)解決,文字顯示正常了。
相關(guān)文章
Extjs中RowExpander控件的默認(rèn)展開問題示例探討
本文為大家探討下關(guān)于Extjs中RowExpander控件的默認(rèn)展開問題,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2014-01-01ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單
這篇文章主要介紹了ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下2014-05-05ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼
ExtJS中的desktop的demo中,默認(rèn)的圖標(biāo)排列是不換行的,以下代碼就是為了解決這一問題的,需要的朋友可以了解下2013-11-11extjs tabpanel限制選項(xiàng)卡數(shù)量實(shí)現(xiàn)思路及代碼
使用的是用變量存儲(chǔ) id 加載新的選卡時(shí) 交換 id ,從而限制了打開的選項(xiàng)卡數(shù)量,如果不是一定要這個(gè)效果,建議不要頻繁的關(guān)閉和創(chuàng)建tabpanel,感興趣的朋友可以參考下哈2013-04-04ExtJs 學(xué)習(xí)筆記 Hello World!
最近學(xué)ajax,接觸到了Extjs這個(gè)強(qiáng)大的框架。我想通過我的學(xué)習(xí)筆記,最后可以讓大家上手在項(xiàng)目中使用Ext。首先我會(huì)寫一些基本的用于入門Ext的文章,打好基礎(chǔ)是很重要的。2008-12-12Extjs列表詳細(xì)信息窗口新建后自動(dòng)加載解決方法
有時(shí)候我們在新建列表中的一項(xiàng)后需要進(jìn)入立刻進(jìn)入詳細(xì)信息的編輯頁面,為了使得操作簡便,一般設(shè)定自動(dòng)導(dǎo)向。2010-04-04ext combox 下拉框不出現(xiàn)自動(dòng)提示,自動(dòng)選中的解決方法
ext combox 如果想實(shí)現(xiàn)類似于 baidu 搜索時(shí)的提示功能。必須禁止其分頁功能才可以。2010-02-02EXTJS FORM HIDDEN TEXTFIELD 賦值 使用value不好用的問題
用了一個(gè)方法解決了此問題,但是老是感覺這樣解決了很不爽,各位有沒有遇到過這種問題,請指點(diǎn)一下。2011-04-04Extjs改變樹節(jié)點(diǎn)的勾選狀態(tài)點(diǎn)擊按鈕將復(fù)選框去掉
需要一個(gè)功能點(diǎn)擊一個(gè)按鈕后將樹節(jié)點(diǎn)前的復(fù)選框去掉,變成沒有選擇的狀態(tài),百度一下發(fā)現(xiàn)個(gè)不錯(cuò)的方法,需要的朋友可以參考下2013-11-11