PDA

View Full Version : Tab contents doesnt show


erfaan
25 Apr 2007, 2:05 AM
Hi
I am facing some problem. Most probably a bug in Internet Explorer or ExtJs.

Here is the code.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="css/ytheme-aero.css" />

<style type="text/css">
body, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
</style>

<script language="javascript" type="text/javascript" src="yui-utilities.js"></script>
<script language="javascript" type="text/javascript" src="ext-yui-adapter.js"></script>
<script language="javascript" type="text/javascript" src="ext-all-debug.js"></script>

<script language="javascript" type="text/javascript">

function ExtJsWindow(showBtnId, dialogId)
{
var dialog, showBtn;

return {

init : function()
{
showBtn = Ext.get(showBtnId);
showBtn.on("click", this.showDialog, this);
},

showDialog : function()
{
if(!dialog)
{
dialog = new Ext.BasicDialog(dialogId, {autoTabs:true, proxyDrag:true, shadow:true, width: 200, height:160 });
}

dialog.show(showBtn.dom);
}
};
}

var Window1 = ExtJsWindow('pushButton', 'myPanel');
Ext.onReady(Window1.init, Window1, true);

</script>

<title>Tabs</title>

</head>

<body>
<input type="button" id="pushButton" value="Push Me!" />

<div id="myPanel" style="visibility: hidden;">
<div class="x-dlg-hd">Tabbed Structure</div>
<div class="x-dlg-bd">
<div class="x-dlg-tab" title="tab1">Here is the content of tab 1</div>
<div class="x-dlg-tab" title="tab2">Here is the content of tab 2</div>
<div class="x-dlg-tab" title="tab3">Here is the content of tab 3</div>
</div>
</div>


</body>
</html>


Browser: Internet Explorer 6.0 (Windows XP SP2 Professional Edition)

Click on the push button. You will see the dialog. Select tab2 or tab3 and close the dialog. Now click on the push button again. You will see that tab2 or tab3 (whichever you clicked last time) is open in the dialog and it is empty. Now resize the dialog or place some other dialog over it. And the contents of this tab will appear suddenly.

Please help me out. I need to fix it.
Thanks
tryanDLS
25 Apr 2007, 8:37 AM
This a bug that's fixed in SVN.
erfaan
25 Apr 2007, 8:44 PM
Where can I find SVN?
brian.moeskau
26 Apr 2007, 12:41 AM
SVN access is only available to paid support subscribers. Everyone else will get fixes and updates with the normal update release cycle.
dfenwick
26 Apr 2007, 3:40 AM
As a note, this was not an Ext bug. I chased this problem down when it was associated with the hello world dialog box example. It's a bug called the Peekaboo bug in Internet Explorer related to very specific ordering of elements in the DOM. I discussed it with Jack on IRC and we came up with a solution. That's the solution that's in SVN.

There's a fix in SVN for it, but it definitely was not an Ext bug. It's a workaround for a buggy implementation of floats in Internet Explorer versions earlier than 7.0 and possibly 7.0 if it's in quirks mode.
tpattison
26 Apr 2007, 8:41 AM
SVN access is only available to paid support subscribers. Everyone else will get fixes and updates with the normal update release cycle.

Brian,

What is the normal release cycle? When can we expect the next public release of Ext?

Tim
rkosten
2 Aug 2007, 1:48 AM
I have just installed 1.1 and the bug seems to be still there. Does anyone know anything about it?
pravin_bluebird
2 Aug 2007, 1:59 AM
This may be helpful to you
http://extjs.com/forum/showthread.php?t=9657&highlight=EoX+Information