IE9下通过Iframe引入BIRT显示空白

最新推荐文章于 2021-10-12 10:15:05 发布

weixin_33709609

最新推荐文章于 2021-10-12 10:15:05 发布

阅读量176

点赞数

CC 4.0 BY-SA版权

文章标签： ui

原文链接：https://my.oschina.net/lhplj/blog/223695

本文详细介绍了如何解决BIRT在IE9环境下通过iframe引入时不显示的问题，包括修改JavaScript代码和检查IE缓存等步骤。

为什么80%的码农都做不了架构师？>>>

解决办法一

http://my.oschina.net/lhplj/blog/191825

这种解决办法是强制更改浏览器的渲染模式，虽然可以解决BIRT在iframe下不显示的问题，但同时会带来其它界面上的显示问题。

解决办法二：

IE9下通过iframe引入BIRT不显示时，查看前台控制台发现

可在webcontent/birt/ajax/ui/report/下找到AbstractBaseReportDocument.js文件，并找到如下

this.__instance.style.left = containerLeft + "px";

		if (BrowserUtility.isIE) {
			var reportContainer = this.__instance.firstChild;

			if (reportContainer != null) {
				var scrollBarWidth = BrowserUtility._getScrollBarWidth(reportContainer, width, height);
				var containerWidth = "100%";

				if (height < reportContainer.offsetHeight && width > scrollBarWidth) {
					containerWidth = (width - scrollBarWidth) + "px";
				}
				reportContainer.style.overflowX = "visible";
				reportContainer.style.overflowY = "visible";
				reportContainer.style.position = "relative";
				reportContainer.style.width = containerWidth;
			}
		}

将其修改为

this.__instance.style.left = containerLeft + "px";
		var mddv = document.documentMode;
		if (BrowserUtility.isIE && mddv >=9) {
			//IE9或更高的不需要任何处理
		} else if (BrowserUtility.isIE) {
			var reportContainer = this.__instance.firstChild;

			if (reportContainer != null) {
				var scrollBarWidth = BrowserUtility._getScrollBarWidth(reportContainer, width, height);
				var containerWidth = "100%";

				if (height < reportContainer.offsetHeight && width > scrollBarWidth) {
					containerWidth = (width - scrollBarWidth) + "px";
				}
				reportContainer.style.overflowX = "visible";
				reportContainer.style.overflowY = "visible";
				reportContainer.style.position = "relative";
				reportContainer.style.width = containerWidth;
			}
		}

之后保存，清空IE缓存再次查看就发现问题解决了。(如果还没出来，通过IE控制台查看脚本文件加载的是否是修改后的，IE有点恶心，想不明白原因，后台部署的项目中的脚本都已经改过了，即使清空了缓存，还是加载原来的)。

转载于:https://my.oschina.net/lhplj/blog/223695