使用簡單的線性報表時,IE6瀏覽器中會出現頁面大小改變導致報表圖溢出頁面的現象,相信很多開發人員遇到過類型的現象,如下圖所示
只能顯示部分報表:
:
報表覆蓋滾動條:
IE7,IE8,FireFox等瀏覽器沒有出現以上現象,
該現象是瀏覽器大小改變時引起的,解決辦法很簡單,只需要在頁面body標籤中加入如下代碼就可:
<body οnresize="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 οnresize="navigat_ieReload();">
這樣就只在IE6下觸發,其他瀏覽器下就不用加載了。