PDA

View Full Version : [CLOSED][3.1.1-beta] Tab Panel is not working



sideeque
2 Feb 2010, 7:33 AM
I am using ExtJs 3.1.1 source code from http://www.extjs.com/deploy/ext-3.1.1-beta_5899-129.zip (http://www.extjs.com/forum/../deploy/ext-3.1.1-beta_5899-129.zip).


My Source code which has tabs which working in 3.0.0 and in 3.1.0 versions. But the same code is not working with 3.1.1.



var tab1 = new Ext.Panel({
id: 'tab1',
title: 'Sales Detail',
height: 500,
listeners: {
deactivate: function(){
},
show: function(){
alert('before calling showTab1 function'); // This alert is not showing and it is not calling the function
showTab1(tab1)
},
beforeDestroy: function(){
},
beforehide: function(){
}
},
contentEl: 'tab1El'
});


var tabParentPanel = new Ext.TabPanel({
renderTo: "mainContentArea",
id: 'tabParentPanel',
title: 'Manage Sales',
activeTab: tab1,
width: 960,
items: [tab1],
frame: true
});

Jamie Avins
2 Feb 2010, 10:01 AM
Can you make your example runable, and can you try this in 3.1.1-rc

sideeque
2 Feb 2010, 11:33 AM
Please find the runnable source code:



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Example</title>

<link rel="stylesheet" type="text/css" href="extjs311/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs311/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs311/ext-all.js"></script>

<script type="text/javascript">
Ext.onReady(function(){


var tab1 = new Ext.Panel({
id: 'tab1',
title: 'Sales Detail',
height: 500,
listeners: {
deactivate: function(){
},
show: function(){
alert('before calling showTab1 function'); // This alert is not showing and it is not calling the function
showTab1(tab1)
},
beforeDestroy: function(){
},
beforehide: function(){
}
},
contentEl: 'tab1El'
});

var tabParentPanel = new Ext.TabPanel({
renderTo: "example",
id: 'tabParentPanel',
title: 'Manage Sales',
activeTab: tab1,
width: 960,
items: [tab1],
frame: true
});


});



</script>

</head>
<body>

<div id="example"></div>
<div id="testTimeField1" style="position: absolute; top:100px; left:100px"></div>
</body>
</html>


The above source code works fine with 3.1.0. You will be getting a Javascript alert while running above code in 3.1.0. You wont get the same Javascript alert in 3.1.1. Basically, the Show listener is not getting called.

Jamie Avins
2 Feb 2010, 12:01 PM
Seems to work fine in 3.1.1-rc

sideeque
2 Feb 2010, 2:45 PM
What is the difference between 3.1.1-rc and 3.1.1? I was working with the source code from http://www.extjs.com/deploy/ext-3.1.1-rc_5977-137.zip

Where can I get 3.1.1-rc source code? Could you please provide me the link?

evant
2 Feb 2010, 3:36 PM
There's a support ticket open for this, so I'm closing it off, the code works ok in the SVN version.

mystix
2 Feb 2010, 9:25 PM
What is the difference between 3.1.1-rc and 3.1.1? I was working with the source code from http://www.extjs.com/deploy/ext-3.1.1-rc_5977-137.zip

Where can I get 3.1.1-rc source code? Could you please provide me the link?

it's in the stickied thread near the top of this forum:
http://www.extjs.com/deploy/ext-3.1.1-rc_5977-137.zip