使用简单的线性报表时,IE6浏览器中会出现页面大小改变导致报表图溢出页面的现象,相信很多开发人员遇到过类型的现象,如下图所示
只能显示部分报表:
:
报表覆盖滚动条:

IE7,IE8,FireFox等浏览器没有出现以上现象,
该现象是浏览器大小改变时引起的,解决办法很简单,只需要在页面body标签中加入如下代码就可:
<body onresize="window.location.reload();">
原理就是当页面大小发生改变时触发onresize事件,执行一个重新加载就处理了,这时我们在看看效果:

问题就解决了。
如果你只想在IE6浏览器中处理的话,你可以重写一个js方法,判断当前浏览器的版本,如果是IE6则大小改变时报表重新加载就可以了。
代码如下:
function navigat_ieReload(){
var browser=navigator.appName
var b_version=navigator.appVersion
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0"){ window.location.reload(); }
}
页面中:<body onresize="navigat_ieReload();">
这样就只在IE6下触发,其他浏览器下就不用加载了。
本文介绍了一种解决IE6浏览器中线性报表溢出的问题方法。通过在页面body标签中加入特定代码或使用JavaScript判断浏览器版本来实现页面大小变化时的自动刷新,确保报表正确显示。
1724

被折叠的 条评论
为什么被折叠?



