ext2.2在嵌套iframe时在ie上的js加载问题解决方式(bug?)

最新推荐文章于 2022-11-11 00:20:32 发布

最新推荐文章于 2022-11-11 00:20:32 发布 · 176 阅读

文章标签：

#IE #EXT #IDEA

ajax 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了Ext JS 2.2版本中使用tab组件嵌套iframe进行页面分块时遇到的问题，特别是当iframe中的内容由JavaScript动态生成时，在不同浏览器上的表现差异。文章详细分析了问题的原因，并提供了一种通过修改Ext JS源代码来解决该问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Ext2.2中 tab嵌套iframe用来页面分块,不过出现一个问题,如果iframe中页面是由js构造的话,ie上报错,ff上正确运行,经过排查,发现是js的执行顺序问题,Ext.onReady被过早的执行.

继续寻求答案,最后发现这应该是Ext的一个bug?

修改Ext源代中2个部分可以解决这个问题,当然不知道官方下个版本会不会把这个bug fix掉

修改代码如下:

var fireDocReady = function() {

	if (!docReadyState) {
		docReadyState = true;
		if (Ext.isGecko || Ext.isOpera) {
			document.removeEventListener("DOMContentLoaded", fireDocReady,
					false);
		}
	}

	if (docReadyProcId) {
		clearInterval(docReadyProcId);
		docReadyProcId = null;
	}
	if (docReadyEvent && !Ext.isReady) {
		Ext.isReady = true;
		docReadyEvent.fire();
		docReadyEvent.clearListeners();
	}

};
var initDocReady = function() {
	docReadyEvent = new Ext.util.Event();

	if (Ext.isReady) {
		return;
	}

	E.on(window, 'load', fireDocReady);

	if (Ext.isGecko || Ext.isOpera) {
		document.addEventListener('DOMContentLoaded', fireDocReady, false);
	} else if (Ext.isIE) {
		/*
		 * docReadyProcId = setInterval(function(){ try{ Ext.isReady ||
		 * (document.documentElement.doScroll('left')); }catch(e){ return; }
		 * fireDocReady(); }, 5);
		 */

		document.onreadystatechange = function() {
			if (document.readyState == 'complete') {
				document.onreadystatechange = null;
				fireDocReady();
			}
		};
	} else if (Ext.isSafari) {
		docReadyProcId = setInterval(function() {
			var rs = document.readyState;
			if (rs == 'complete') {
				fireDocReady();
			}
		}, 10);
	}
};