`

Extjs 中文乱码

 
阅读更多

Extjs 中文乱码

   我们在用Extjs做项目时,如果整个项目工程用的都是UTF-8编码的话,不论是Extjs项目或是别的项目,都不会不存在中文乱码问题,但是有的公司有的项目非要用GB2312或GBK的话那就会出现乱码问题,而你做为一个代码工人,只能去改了。
因为ExtJS内部用的是UTF-8,所以与你项目用的GB2312或GBK编码冲突。我们要解决这个问题首先要保证我们的前后台编码一致,若是GB2312都用GB2312。

大体上有三个方面会出现中文乱码问题。

1、grid数据列表展示打开时会报错,可能在tomcat下不会报错,我遇到的情况是在websphere下报错了,解决方法是,后台输出前设定输出编码,java中是response.setCharacterEncoding("GB2312");这样就可以解决了。
2、store带参数加载数据,因为ext中的ajax用的是UTF-8,所以直接传的话会出现乱码,我们可以用Extjs的encodeURIComponent先把中文编码,然后在后台用java的java.net.URLDecoder再解码就可以解决,示例如下:
stroe加载:
store.baseParams={
euser:encodeURIComponent(euser)
batName:encodeURIComponent(batName)   //编码
};
store.load();
后台解码:
if(!Util.isEmpty(euser))
euser=URLDecoder.decode(euser,"UTF-8");   //解码转中文
if(!Util.isEmpty(batName))
batName=URLDecoder.decode(batName,"UTF-8"); //解码转中文
3、form表单提交,问题同上,解决方法也一样,我们要注意的就是给form表单中的中文何是编码,就是在form表单提交之前,示例如下:
form提交:
submit.on('click',function() {
var batName=ECardForm.getForm().findField('batName').getValue();
var userName=ECardForm.getForm().findField('userName').getValue();
if(!Ext.isEmpty(batName))
ECardForm.getForm().findField('batName').setValue(encodeURIComponent(batName));
if(!Ext.isEmpty(userName))
ECardForm.getForm().findField('userName').setValue(encodeURIComponent(userName))
ECardForm.getForm().submit({
success : function(form, action) {
Ext.Msg.alert('信息', action.result.msg);
},
failure : function() {
Ext.Msg.alert('错误', '系统出错,修改失败!');
}
});
});
后台解码同问题2.
这样就可以解决extjs的中文乱码问题了
分享到:
评论

相关推荐

    ExtJS中文乱码之GBK格式编码解决方案及代码

    在使用ExtJS框架开发Web应用时,我们常常会遇到...通过上述方法,我们就可以解决ExtJS中文乱码问题,确保Web应用在GBK页面编码环境下的中文正常显示。对于遇到类似问题的开发者来说,这些方法将提供一定的参考价值。

    extjs 前后台交互参数出现中文乱码问题的解决方法

    ### extjs前后台交互参数出现中文乱码问题的解决方法 #### 问题背景与原因分析 在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的...

    Extjs Ajax 乱码问题解决方案

    Extjs Ajax乱码问题的出现通常与字符编码的不一致有关,无论是在客户端提交到服务器的数据还是服务器返回给客户端的数据中都可能出现乱码。解决此问题通常需要对编码过程和开发环境进行细致的调整。 首先,了解乱码...

    extjs中文解决方案/Eclipse下的js和ext开发

    ### ExtJS中文解决方案与Eclipse下的JS和EXT开发 #### 一、ExtJS中文解决方案 在使用ExtJS进行Web应用程序开发时,对于中文环境的支持是非常重要的。为了实现ExtJS中文化,我们需要按照以下步骤来进行配置。 1. *...

    ExtJS4中文教程2 开发笔记 chm

    JQuery AJAX提交中文乱码的解决方案 Jquery css函数用法 JQuery中getJSON的使用方法 Jquery中显示隐藏的实现代码分析 JQuery全选功能的实现 JQuery特效——下拉菜单 JQuery系列教程之XPath选择符 JQuery系列教程之...

    extjs 数据导出到Excel,数据列自选

    “中文不会有乱码问题”意味着在导出过程中已经解决了字符编码的问题。在导出Excel时,确保正确处理UTF-8编码,使得包含中文的文本能在Excel中正常显示,不会出现乱码。这通常需要在生成Excel文件时设置正确的字符...

    extjs和struts的技术结合

    11. **Ext JS中文乱码解决方案**:在开发过程中,可能会遇到中文乱码问题,这通常与编码设置有关,需要确保项目编码、服务器编码、浏览器编码一致。 12. **Eclipse中JS中文乱码**:Eclipse作为IDE,其JavaScript...

    静态EXTJS GRID

    如果数据包含中文,确保服务器返回的数据编码是UTF-8,以防止乱码问题。 6. **浏览器兼容性**:不同的浏览器对中文字符的支持程度不同,如果在某些浏览器下中文显示异常,可能需要检查浏览器的编码设置或EXTJS的...

    Struts2+Spring+Hibernate+ExtJS开发实例.pdf

    - 配置字符编码过滤器`CharacterEncodingFilter`以解决中文乱码问题。 3. **框架间集成**: - 利用Spring的依赖注入特性,将Hibernate的SessionFactory注入到业务逻辑层(Service层),以便于进行数据访问操作。 ...

    Extjs_前后台数据交互[归类].pdf

    这里需要注意的是,后台需要设置正确的字符编码,以防止中文乱码问题,并且设置响应类型为JSON,以便前端解析。 在ExtJS与ASP.NET或其他后台框架交互时,基本思路是一致的,只是后台处理请求的方式会根据所使用的...

    Ext3.2 + struts 文件上传实例

    在本文中,我们将深入探讨如何使用Ext3.2与Struts框架实现文件上传功能,同时解决中文乱码问题。这两个技术结合在一起,可以为Web应用提供高效、稳定的文件上传解决方案。 首先,Ext3.2是一个JavaScript库,它提供...

    设置myeclipse新建jsp文件默认编码为UTF-8

    ### 设置MyEclipse新建JSP...此外,设置MyEclipse的默认编码为UTF-8对于避免ExtJS等前端框架在显示中文时出现乱码也是非常重要的。希望本文能够帮助到正在使用MyEclipse进行Java Web开发的读者们,提高大家的工作效率。

    ssh整合web导出excel案例

    - **Service**:实际导出Excel的逻辑实现,可能包括处理中文乱码问题,创建并填充Excel文件的I/O流操作。 - **DAO**:从数据库获取数据,通常会使用Hibernate的Session进行查询。 5. **JSP页面**: - **index....

    周老科研站1的一些资料

    中文乱码是跨平台、跨浏览器通信时常见的问题,这个文档可能提供了有效解决这个问题的方法,对于进行多语言网站开发的开发者具有指导意义。 9. **控制Word-Excel在IE中打开,还是下载**:在Web应用中,有时需要控制...

    EXT2.0中文教程

    碰到使用ajax获得数据,或者提交数据出现乱码 A.8. TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的...

    java资料下载java资料下载java资料下载java资料下载

    在安装过程中可能会遇到的问题包括JDK版本过低或数据库字符集非UTF-8导致中文乱码。如果出现其他问题,可以通过启用日志记录进行排查。在`log4j.xml`配置文件中调整日志级别和输出位置,以便查看程序运行时的详细...

    ajax传递一个参数具体实现.docx

    对于中文参数的问题,有时可能会遇到编码问题,导致传递的中文字符乱码。这时,我们需要确保服务器和客户端的编码设置一致,并可能需要对数据进行编码。例如,使用`encodeURIComponent`函数对参数进行编码: ```...

    Ext 开发指南 学习资料

    2.4.3. 中文排序是个大问题 2.5. 让单元格里显示红色的字,图片,按钮,你还能想到什么? 2.6. 更进一步,自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. 全选checkbox的时间了,请允许我让2.0先上场。 2.7. 分页了...

Global site tag (gtag.js) - Google Analytics