ExtJS Grid表头下拉菜单错乱问题
2010-05-07 18:52
344 查看
今天使用ExtJS 2.2.1进行页面开发时,发现在IE6中的Grid的表头显示异常,图标和文字发生错乱,如图:
在Firefox和chrome显示都是正常的,很是奇怪,难道是版本问题?
将2.2版本和2.2.1版本的ext-all.css进行了比较,发现有两处不一样,改回2.2版本后一切正常:
找到.x-menu a.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px 27px;
修改成.x-menu a.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px 3px;
找到.x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;position:absolute;left:3px;top:3px;margin:0;
修改成.x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;margin:0 8px 0 0;
另外,ExtJS最新的3.0 RC1版已经没有这个问题了。
在Firefox和chrome显示都是正常的,很是奇怪,难道是版本问题?
将2.2版本和2.2.1版本的ext-all.css进行了比较,发现有两处不一样,改回2.2版本后一切正常:
找到.x-menu a.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px 27px;
修改成.x-menu a.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px 3px;
找到.x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;position:absolute;left:3px;top:3px;margin:0;
修改成.x-menu-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px;margin:0 8px 0 0;
另外,ExtJS最新的3.0 RC1版已经没有这个问题了。
相关文章推荐
- 关于EXTJS 2.2.1版本在IE环境下Grid组件表头下拉菜单图标错位问题的解决
- EXTJS4 grid表头重复的问题
- extjs grid 列顺序紊乱问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs关于grid高度自适应浏览器的问题解决办法
- ExtJS3 - 如何实现多表头Grid
- extjs 构建gridpanel多表头
- ExtJS中,将Grid表头中的全选复选框取消复选
- EXTJS grid问题
- extjs grid隐藏表头
- Json化后的时间类型数据在Extjs Grid中的显示问题
- Extjs GridPanel load超时问题
- Extjs grid表头换行
- extjs grid 列顺序紊乱问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- extjs2.2使用多表头插件两层表头对不齐错位的问题
- ExtJS4学习--多表头Grid
- ExtJS Tab里放Grid高度自适应问题,官方Perfect方案。
- ExtJs关于grid高度自适应浏览器的问题解决办法
- ExtJs获取grid表头的checkBox