ExtJS中文亂碼之GBK格式編碼解決方案及代碼
這幾天做后臺看了一些Ext的知識,在切入工作項目的時候出現(xiàn)了亂碼情況,所以就總結(jié)了這篇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="/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項,但是都不是我們需要的,我們點擊后面的 更多的小按鈕(上面有兩個點的不起眼的哪個按鈕)
看到下圖后,選擇圖中的編碼并確認:
然后,替換工程里面的js,再測試:
可以看到,亂碼問題已經(jīng)解決,文字顯示正常了。
相關(guān)文章
Extjs中RowExpander控件的默認展開問題示例探討
本文為大家探討下關(guān)于Extjs中RowExpander控件的默認展開問題,下面有個不錯的示例,感興趣的朋友可以參考下2014-01-01ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單
這篇文章主要介紹了ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下2014-05-05ExtJS[Desktop]實現(xiàn)圖標換行示例代碼
ExtJS中的desktop的demo中,默認的圖標排列是不換行的,以下代碼就是為了解決這一問題的,需要的朋友可以了解下2013-11-11extjs tabpanel限制選項卡數(shù)量實現(xiàn)思路及代碼
使用的是用變量存儲 id 加載新的選卡時 交換 id ,從而限制了打開的選項卡數(shù)量,如果不是一定要這個效果,建議不要頻繁的關(guān)閉和創(chuàng)建tabpanel,感興趣的朋友可以參考下哈2013-04-04ext combox 下拉框不出現(xiàn)自動提示,自動選中的解決方法
ext combox 如果想實現(xiàn)類似于 baidu 搜索時的提示功能。必須禁止其分頁功能才可以。2010-02-02EXTJS FORM HIDDEN TEXTFIELD 賦值 使用value不好用的問題
用了一個方法解決了此問題,但是老是感覺這樣解決了很不爽,各位有沒有遇到過這種問題,請指點一下。2011-04-04Extjs改變樹節(jié)點的勾選狀態(tài)點擊按鈕將復選框去掉
需要一個功能點擊一個按鈕后將樹節(jié)點前的復選框去掉,變成沒有選擇的狀態(tài),百度一下發(fā)現(xiàn)個不錯的方法,需要的朋友可以參考下2013-11-11