PDA

View Full Version : Ext.window not hidden correctly in IE



Dirk1
8 Mar 2011, 12:59 AM
Hello,

I create a window as follows:



var test = new Ext.Window({
id: 'test1',
layout:'fit',
width:800,
height:600,
closeAction:'hide',
plain: true,
title: 'This is my first window',
items: new Ext.Panel({
id: 'testPanel1',
autoScroll: true,
deferredRender:false,
border:false,
html: 'Hello World'
}),
buttons: [{
text: 'Close',
handler: function(){
test.hide()
}
}]
});
test.show(this);


When I press the Close-Button the windo is completely hidden in Firefox, but if I click Close-Button in IE8 I still see the border very weakly of that window. If I mask the whole browser via Ext.getCmp('abc').mask() I see the window as a bright white box.

What do I have to do to close the window comletely also in IE8? If I use test.destroy() the window is completely closed, but I cannot reopen it.

Thanks and best regards,

Dirk

fay
8 Mar 2011, 4:20 AM
The problem is with your test.show(this); - remove the 'this' so that it's test.show();

I'm guessing you copied that code from hello.js or layout.js, where 'this' would have referred to the button (the animateTarget).

Dirk1
8 Mar 2011, 5:31 AM
Hi fay,

wow, seems as I was like an open book to you. ;)

I took the example out of the hello.js example. Now I removed "this" and it works great.

Thanks a lot and best wishes,

Dirk