[CLOSED] Problem opening multiple tabpanels the same time.

[majunior]

I am opening the pages in my TabPanel.
I have a TreePanel with a listner that calls the javascript "loadPageTreeMenu.
When I open a page it takes awhile to load, because it makes searching the database and other things. So far so good.

But if I click a menu item and quickly click on another menu item it opens the first tab and start loading the page normally, but clicking on the second menu item for it to load the first page, usually the last opening and aborting the request first.

How can I make this not happen?


Listener the TreePanel

<Listeners>
               <Click Handler="node.toggle(); if (node.attributes.href) { e.stopEvent(); loadPageTreeMenu(#{TabPanelPages}, node); }" />
            </Listeners>

<script type="text/javascript">
var loadPageTreeMenu = function (tabPanel, node) {
            var tab = tabPanel.getItem(node.id);

            if (!tab) {
                tab = tabPanel.add({
                    id: node.id,
                    title: node.text,
                    closable: true,
                    autoLoad: {
                        showMask: true,
                        url: node.attributes.href,
                        mode: "iframe",
                        maskMsg: "Carregando " + node.text + "..."
                    }
                });
            }

            tabPanel.setActiveTab(tab);
        }
</script>

[Daniil]

Hi,

I can suggest to use a mask - Ext.net.Mask.show() to show and Ext.net.Mask.hide() to hide.

[majunior]

Hi,

I can suggest to use a mask - Ext.net.Mask.show() to show and Ext.net.Mask.hide() to hide.

Is there any place where I can shoot the "Ext.net.Mask.show ()" when the page finished loading the run hide?

[Daniil]

You can use Update listener of Panel.

[majunior]

You can use Update listener of Panel.

This way?
What would be the correct way to do?

<ext:TabPanel ID="TabPanelPages" runat="server" EnableTabScroll="true" Cls="CssExtTabPages"
                        MinHeight="200px" MinWidth="130px" LabelPad="5">
                        <Items>
                            <ext:Panel ID="tabMonitor" runat="server" Title="Monitor" AutoScroll="true">
                                <AutoLoad Url="../UT/Geral/Views/MonitorReportRequest.aspx" Mode="IFrame" />
                            </ext:Panel>
                        </Items>
                        <Listeners>
                            <TabChange Handler="onTabChange(TreePanel1, tab)" />
                            <BeforeTabClose Handler="return unLoadPage(this, tab)" />
                            <BeforeUpdate Handler="Ext.net.Mask.show();" />
                            <Update Handler="Ext.net.Mask.hide();"/>
                        </Listeners>
                    </ext:TabPanel>

[Daniil]

I guess you need to show mask in TreePanel's Click listener.

And yes, hide in Panel's Update listener.