`
- 浏览:
59427 次
-
今天花费了很多时间处理上星期完成的ExtJs 3+java程序中存在的浏览器差异性问题。
首先是JSON.parse问题。 FF有这个对象, 但IE中没有。以eval()方法代替。
然后是字体大小问题,若不做任何CSS上的修改,火狐字体显示大小刚好, 但chrome和IE的字很小。在百度上找到的方法是修改extjs-all.css文件:把所有的11px替换成12px,因为11px是一个边缘尺寸, 两个浏览器显示的大小有差异。问题解决。
还有grid的行高。方法也是在百度上找的:添加并引用css:
.x-grid3-row td,.x-grid3-summary-row td{
line-height:23px;//控制GRID单元格高度
vertical-align:center;//单元格垂直居中
border-right: 1px solid #eceff6 !important;//控制表格列线
border-top: 1px solid #eceff6 !important;//控制表格行线
}
问题解决。
(这个大小问题, 无论是字体还是行高, 绝对是受浏览器缩放程度影响的, 但一开始我没考虑到这方面。 所以一直看ie不爽, 非常地不爽,因为它把字体显示的太小了。
现在回想一下, 还是自己的不是:有可能不是ie显示的太小了, 而是我的火狐放缩的太大了。于是我想看看我的火狐的页面放缩大小是否为100%, 但很无奈地没有找到查看或者设置的地方。Ctrl+滚动可以放大缩小, 但不能准确地定位在100%。)
最后一个是date的显示问题。服务器端传过来的对象类型是Java.sql.TimeStamp(java.util.Date的一个包装类)。在js代码columnModel的header定义里我使用了renderer:Ext.util.Format;.dateRenderer("Y-m-d")。这样做的结果是在ff和chrome中可以正常显示, 但在ie中为空白。有两个方向的解决办法:一:在js自定义函数解析;二,在服务器端解析成字符串。js在浏览器上的差异让我不是很喜欢js, 所以我选择了第二种方法:在java代码中使用new SimpleDateFormat ("yyyy-mm-dd"). format(date)将date解析成字符串。
最后再感叹一句, 如果天下间的浏览器只遵守一个标准就好了!这种多元化现状真是坑爹啊!
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
Extjs4做的一个图片浏览器
Selenium IDE测试ExtJs一种测试解决办法
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
在ie下不正常,报语法错误,在火狐下正常,求救,本来我是提问的,现在到好成了免费代码了,不行,我改成要10分,哈哈
最近发现要使用ExtJs测试其实很麻烦,因为ExtJs的id是变化的,而Selenium IDE录制完后,ExtJs的下次打开页面,就无法进行回放了。因此很麻烦,不过通过一些网友进行交流得到如下一些测试方法:
NULL 博文链接:https://liuxi1024.iteye.com/blog/752213
extjs常见问题http://www.jb51.net/list/list_217_1.htm
apring+extjs做的数据库浏览器,非常不错的extjs的项目
100行代码解决ExtJs4.1合并单元格问题
关于ExtJS内存泄漏问题,一直是ExtJS开发人员困扰的问题,这篇文档很好地解释了什么是内存泄漏,为什么会产生内存泄漏。能够帮助程序员使用ExtJS开发出更高效安全的代码。
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
Extjs 2 自定义panel边框,解决双重边框问题 Extjs 3 自定义panel边框,解决双重边框问题 Extjs 4 自定义panel边框,解决双重边框问题
EXTJS 强大的图片查看器 仿windows照片查看器
Extjs 关于cookie 实现实时存储 数据存储的操作, 将数据存放cookie中,防止断电
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
extjs editgrid 回显问题.rarextjs editgrid 回显问题.rarextjs editgrid 回显问题.rar
从网上搜集的一些好用的js文件。分享给爱好EXTJS的同胞们! EXTJS4.0文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1...注:这些功能在IE6 、 IE8 、 Firefox 以及google 浏览器下测试没有问题!
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
myeclipse中使用extjs,缓慢、卡死、白屏,解决方法总结。