今天项目组的同事反映，在IE浏览器下，所有用easyui编写的tab控件都加载不出来，只会显示一个Loading的提示在控件的内容显示区。

刚分析这个问题，首先怀疑是使用easyui的tab的脚本写法哪里不对了，于是改了好几遍别的写法，甚至直接使用html标签的形式加载tab控件，都还是出现一样的问题，在ie下就是加载不出来，chrome等浏览器都是正常的；后来想可能是受到别的地方有什么脚本的影响，或者是源代码哪里出问题了，于是将一个运行正常的项目的相关前段代码拿过来全部替换，但是发现依然不行，之后我又将有问题的项目中的加载tab控件的代码所在的文件放到正常的项目中运行，发现也是正常的，这下就非常奇怪了，等于2个项目的前段代码一模一样，但是tab控件的渲染在其中一个项目里就是不行，而且是在该项目里的所有使用了tab控件的地方都有问题。这时项目组的同事突然说了一句：“我好像也改了一下filter中的东西，但是那个是后台的代码，怎么也不会影响到前台的easyui的脚本解析吧？”，我想了一下当时也觉得不会影响，但是实在没有别的思路了，就死马当活马医，试试看呗，于是将filter中修改的代码注释掉，在运行代码，结果发现问题没有了，tab控件正常加载！

好奇怪啊，filter中能有什么东西会导致easyui的tab控件仅仅在ie下加载失败呢？

后来细细想了一下，也查询了相关资料，终于得出了答案：

filter中的那段配置代码的内容是使用spring的CharacterEncodingFilter类对请求进行UTF8的编码，并且配置了forceEncoding的值为true，而且过滤所有的请求,该编码配置的意思是对所有请求采用utf8编码，由于配置了forceEncoding的值为true，对所有的响应也会采用utf8编码。

细心的朋友可能已经发现，这里写的是utf8而不是utf-8,没错IE浏览器是不认识utf8的，它只认识utf-8，但是chrome等浏览器是认识utf8的。

那问题又来了，如果是这个原因，为什么只有加载easyui的tab控件的时候会出问题，应该是加载所有html页面都会出问题啊？

原因是这样的，easyui的tab控件中加载的内容也是一个html，但是这个html的内容要求只能写<body></body>里的标签，所以该html页面上不能指定charset=UTF-8,而其它正常的html页面都会在<meta>标签中加入这个属性，当IE浏览器解析response头中的内容准备使用utf8来解析页面的时候，如果发现meta中也配置了charset，那么就会使用meta中的编码，如果没有发现该配置，就使用response头中content-type的charset指定的编码，所以就导致了easyui的tab控件仅仅在ie下加载失败的问题。

由easyui的tab在ie下渲染失败，发现的一个有意义的问题的更多相关文章

  1. 关于easyui的tab，layout，datagrid嵌套的问题

    我的项目使用easyui作为前台的展示框架现在页面中是一个layout布局(分上,左,中)在左边是一些菜单,点击后,在中间部分增加一个tab显示内容而增加的tab里面是显示一些列表数据,列表上面是查询 ...

  2. 雷林鹏分享：jQuery EasyUI 表单 - 创建树形下拉框

    jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...

  3. easyui的tab加载页面中的form重复提交

    http://blog.csdn.net/fxz1982/article/details/8987769 Easyui中的tabs组件以href方式加载目标页面,如果目标页面中有dialog或者win ...

  4. JQuery Easyui/TopJUI 创建多级联动下拉框（纯HTML实现！！！）

    JQuery Easyui/TopJUI 创建多级联动下拉框(纯HTML实现!!!) 效果展示: 代码如下: <form data-toggle="topjui-form"& ...

  5. easyui中Tab的tools按钮刷新当前tab

    easyui中Tab的tools按钮刷新当前tab 点击刷新按钮,刷新当前Tab选项卡. $('#index_tabs').tabs({ fit : true, border : false, too ...

  6. jquery Tab默认情况下自动切换

    <!DOCTYPE html><html lang="zh-CN"><head><meta http-equiv="Conten ...

  7. 第二百二十七节，jQuery EasyUI，ComboTree(树型下拉框)组件

    jQuery EasyUI,ComboTree(树型下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解EasyUI中ComboTree(树型下拉框)组件的使用方法,这个 ...

  8. 第二百二十四节，jQuery EasyUI，ComboGrid(数据表格下拉框)组件

    jQuery EasyUI,ComboGrid(数据表格下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 ComboGrid(数据表格下拉框)组件的 ...

  9. EasyUI：年份、月份下拉框Demo

    EasyUI:年份.月份下拉框Demo jsp中定义: <td width="10%" height="25px" style="text-al ...

随机推荐

  1. 【工具】Git

    1.安装好Git以后,在开始菜单里找到Git->Git Bash,弹出一个命令窗口 2.设置邮箱 . 3.创建文件夹 4.创建版本库 5.将文件添加到缓存区中去 6.提交文件 7.检查是否还有文 ...

  2. 【MyEcplise hibernate tools】hibernate tools的使用以及错误

    1.点击Myecplise右上角 2.点击进入后,在这个区域右键 New 一个新的connection 3.以mySql连接为例子,在这里展示一下,下面这几项必须都要按照要求完全一致,除了架包所在的本 ...

  3. C语言字符串操作常用库函数

    C语言字符串操作常用库函数 *********************************************************************************** 函数 ...

  4. 制作caffe中的test.txt和val.txt

    find -name *.jpeg |cut -d '/' -f2-3> train.txt(图片在当前文件夹) find train/dog -name *.JPEG |cut -d '/' ...

  5. mac OS X操作 -- 常用

    显示/隐藏默认隐藏文件:defaults write com.apple.finder AppleShowAllFiles -bool true/false 重置ROOT密码: http://www. ...

  6. 仓库如何盘点 打印扫描一体PDA盘点机提升库存盘点效率

    仓库盘点是对仓储货品的收发结存等活动进行有效控制,保证仓储货品完好无损.帐物相符,确保生产正常进行,规范公司物料的盘点作业.盘点需人工操作,费时费力,PDA盘点机的出现大幅提升了盘点效率,减轻了工作人 ...

  7. LaunchCharacter

    /** Set a pending launch velocity on the Character. This velocity will be processed on the next Char ...

  8. ZOJ3229 Shoot the Bullet（有源汇流量有上下界网络的最大流）

    题目大概说在n天里给m个女孩拍照,每个女孩至少要拍Gi张照片,每一天最多拍Dk张相片且都有Ck个拍照目标,每一个目标拍照的张数要在[Lki, Rki]范围内,问最多能拍几张照片. 源点-天-女孩-汇点 ...

  9. POJ 3061 (二分+前缀和or尺取法)

    题目链接: http://poj.org/problem?id=3061 题目大意:找到最短的序列长度,使得序列元素和大于S. 解题思路: 两种思路. 一种是二分+前缀和.复杂度O(nlogn).有点 ...

  10. Codeforces Round #249 (Div. 2) A - Queue on Bus Stop

    水题 #include <iostream> #include <vector> #include <algorithm> using namespace std; ...