extjs 2.2의 IE에서 iframe document load 버그패치
Scripter/EXTJS / 2009. 1. 21. 20:22
얼마전 부터 방명록에 몇몇 분들이 iframe 안에서 grid panel이 동작하지 않는다고 하여 포럼글을 찾아보던중 다음과 같은 버그가 존재하였다.
FF3, Opera, IE6에서 document를 load시 load타임이 맞지 않아서 생기는 버그였다. 기존 2.1버전에서 2.2 버전으로 업그레이드 하면서 생긴 버그이다. 만일 ext의 프리미엄 멤버라면 svn을 통해서 해당 내용들을 모두 업데이트 받았겠지만 가난한 나같은 개발자들은 그러지 못한 관계로 포스팅한다.
먼저 가장 최근의 ext-2.2 버전을 다운로드한다. ( 같은 버전이라도 버그패치되는 대로 패치하기 때문에 매일매일 다를수 있다. 다운로드 받거든 이미 받았던 버전과 용량체크를 해 보면 바로 알수 있다.. ㅡ"ㅡ; )
ext-all-debug.js 를 이용한다면 다음과 같이 3개 메쏘드를 바꿔준다.
fireDocReady(), initDocReady(), onDocumentRead()
1580줄 fireDocReady를 다음과 같이 바꿔준다.
var fireDocReady = function(){
docReadyState = true;
if(Ext.isGecko) {
document.removeEventListener("DOMContentLoaded", fireDocReady, false);
}
if(docReadyProcId){
clearInterval(docReadyProcId);
docReadyProcId = null;
}
if(docReadyEvent && !Ext.isReady){
Ext.isReady = true;
docReadyEvent.fire();
docReadyEvent.clearListeners();
}
};
1597줄의 initDocReady를 다음과 같이 바꿔준다.
var initDocReady = function(){
docReadyEvent = new Ext.util.Event();
if(Ext.isReady){ return;}
E.on(window, 'load', fireDocReady);
if(Ext.isGecko) {
document.addEventListener('DOMContentLoaded', fireDocReady, false);
}
else if(Ext.isIE){
document.onreadystatechange = function(){
if(document.readyState == 'complete'){
document.onreadystatechange = null;
fireDocReady();
}
};
if(window == top){ //Use the default readystatechange/onload as primary detection mechanism for frames
var doScrollChk = function(){
try{
document.documentElement.doScroll('left');
Ext.isReady || fireDocReady();
}catch(e){
Ext.isReady || setTimeout(doScrollChk ,0);
}
};
doScrollChk();
}
} else if(Ext.isOpera){
document.addEventListener( 'DOMContentLoaded', function () {
if (Ext.isReady) return;
for (var i = 0; i < document.styleSheets.length; i++)
if (document.styleSheets[i].disabled) {
setTimeout( arguments.callee, 0 );
return;
}
Ext.isReady || fireDocReady();
document.removeEventListener("DOMContentLoaded", arguments.callee, false);
}, false);
}
else if(Ext.isSafari){
var re = /complete|loaded/i;
docReadyProcId = setInterval(function(){
if(re.test(document.readyState) ) {
Ext.isReady || fireDocReady();
}
}, 10);
}
};
1743줄의 onDocumentReady를 다음과 같이 바꿔준다.
onDocumentReady : function(fn, scope, options){
if(!docReadyEvent){
initDocReady();
}
if(docReadyState || Ext.isReady){
options || (options = {});
fn.defer(options.delay||1, scope); ----------> 0을 1로 바꿔주면 된다. defer(1)과 같은 효과
}else{
docReadyEvent.addListener(fn, scope, options);
}
},
직접 ext-all-debug.js를 수정하였을 경우는 다음과 같이 하면 되고 각각의 컴포넌트들을 수정하려면 아래 eventManager관련 파일을 찾아 덮어쓴후 다시 빌드하여 ext-all.js로 만들어 쓰면 된다.
evManager.zip
사족 : 조만간 올초에 3.0 이 나올텐데 다시 업그레이드 되겠죠~ 이클립스용 ext designer와 standalone designer도 벌써 3.0 버전용이 나와 있더군요.. ㅡ.,ㅡ;
'Scripter > EXTJS' 카테고리의 다른 글
| Examples Of ExtJS in Action (2) | 2009.03.31 |
|---|---|
| extjs RowAction 붙이기 (1) | 2009.03.31 |
| Extjs 3.0 Roadmap (10) | 2008.11.12 |
| Ext2.2 Release (11) | 2008.08.07 |
| ExtJS 2.1 릴리즈 (4) | 2008.04.22 |