[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.

[majunior]

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

And yes, hide in Panel's Update listener.

I'm using "showmask"in my javascript function, this would not be enough?
To not have the problem of not continue loading the page?

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);
        }

[Daniil]

It's not enough because it will show a mask on loading Panel only, not on a whole page => not on Tree => so, it doesn't prevent clicks on nodes.

[majunior]

It's not enough because it will show a mask on loading Panel only, not on a whole page => not on Tree => so, it doesn't prevent clicks on nodes.

But there's a way to not lock the treeview.
That let you click on various menu items, but all are loaded.

[Daniil]

Please provide a full, but simplified, sample to reproduce.