Dec 01, 2010, 6:31 AM
[CLOSED] Problem with dynamic tab loading (0.8.3)
Hi Team,
We are using common script for loading dynamic tabs (Based on Examples explorer) as follows:
But if I open multiple tabs (more than one tab) simultaneously without waiting for previous content to be loaded completely, then only active tab content is loaded properly. The other previous tabs UI rendering not done properly as showing in the picture.
I have highlighted the code that I tried to do in tab activate listener.
I cannot prepare a test solution as the example cannot represent my real time scenario. I am sending the demo URL for your reference to support email.
Reproduction:
1. Once the default page is opened.
2. From the Navigation (West Area) tree panel try open
3. Expand the Leave Node and click on "Apply Leave", "Approve Leave" simultaneously without waiting for "First Tab" to be loaded completely (in this case Apply Leave Tab).
Thanks in advance.
We are using common script for loading dynamic tabs (Based on Examples explorer) as follows:
var loadTabPageById = function(tabPanel, url, title, iconClsName, id, reloadTab) {
var tab = tabPanel.getComponent(id);
if (!tab) {
tab = tabPanel.add({
id: id,
title: title,
closable: true,
iconCls: iconClsName ? iconClsName : 'icon-default',
monitorResize:true,
autoLoad: {
showMask: true,
scripts:true,
url: url,
mode: 'iframe',
maskMsg: 'Loading ' + title
},
listeners: {
activate: {
fn: function(el)
{
el.getLayout();
el.syncSize();
el.doLayout();
}
}
}
});
}
tabPanel.setActiveTab(tab);
if (reloadTab) {
tab.autoLoad.url = url;
tab.autoLoad.mode = 'iframe';
tab.autoLoad.maskMsg = 'Loading ' + title;
tab.iconCls = iconClsName ? iconClsName : 'icon-default';
if (title && title != '')
tab.setTitle(title);
tab.reload();
}
tabPanel.setActiveTab(tab);
}
When I open tabs from tree Panel (as it loads my site map based on user login) one after another waiting for tab content to be loaded completely it is working fine. But if I open multiple tabs (more than one tab) simultaneously without waiting for previous content to be loaded completely, then only active tab content is loaded properly. The other previous tabs UI rendering not done properly as showing in the picture.
I have highlighted the code that I tried to do in tab activate listener.
I cannot prepare a test solution as the example cannot represent my real time scenario. I am sending the demo URL for your reference to support email.
Reproduction:
1. Once the default page is opened.
2. From the Navigation (West Area) tree panel try open
3. Expand the Leave Node and click on "Apply Leave", "Approve Leave" simultaneously without waiting for "First Tab" to be loaded completely (in this case Apply Leave Tab).
Thanks in advance.
Last edited by geoffrey.mcgill; Dec 01, 2010 at 5:48 PM.
Reason: [CLOSED]