What's New?

[CLOSED] Concurrent loading in TabPanel

  1. #1
    Apr 10, 2012, 10:56 AM

    [CLOSED] Concurrent loading in TabPanel

    Is it possible to load multiple tabs simultaneously?
    I'd like the user to wait only for the first tab while loading other tabs in background.
    In an improved version, I'd like to load other tabs in background only after the first has finished loading.
    I've tried to use a callback on the first tab to call secondTab.getUpdater().refresh() but with no success.

    <%@ Page Language="C#" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>

<!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 runat="server">
    <title></title>
</head>
<body>
    <script src="TestTabPanel.js" type="text/javascript"></script>
    <form id="form1" runat="server">
    <ext:ResourceManager runat="server" /> 
    <ext:Viewport runat="server" Layout="FitLayout">
        <Items>
            <ext:Panel runat="server" Layout="FitLayout">
                <Items>
                    <ext:TabPanel ID="tabContainer" runat="server" DeferredRender="false">
                        <Items>
                            <ext:Panel id="firstTab" runat="server" Title="Tab1">
                                <AutoLoad Mode="IFrame" Url="http://www.ext.net" ShowMask="true" />
                            </ext:Panel>
                            <ext:Panel id="secondTab" runat="server" Title="Tab2">
                                <AutoLoad Mode="IFrame" Url="http://forums.ext.net/" ShowMask="true" />
                            </ext:Panel>
                        </Items>
                    </ext:TabPanel>
                </Items>
            </ext:Panel>
        </Items>
    </ext:Viewport>
    </form>
</body>
</html>
    Last edited by Daniil; Apr 16, 2012 at 11:36 AM. Reason: [CLOSED]
  2. #2
    Apr 10, 2012, 11:11 AM
    Hi,

    The problem is the fact that browsers don't load a content of hidden iframes.

    So, the single way to achieve the requirement is showing hidden iframes by activating the tabs.

    In your simple example with two tabs it can be implemented this way.

    Example
    <%@ Page Language="C#" %>

<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
 
<!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 runat="server">
    <title>Ext.NET Examples</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" /> 
        <ext:Viewport runat="server" Layout="FitLayout">
            <Items>
                <ext:Panel runat="server" Layout="FitLayout" >
                    <Items>
                        <ext:TabPanel runat="server" ActiveIndex="1" DeferredRender="false">
                            <Items>
                                <ext:Panel runat="server" Title="Tab 1">
                                    <AutoLoad Mode="IFrame" Url="http://www.ext.net" ShowMask="true" />
                                </ext:Panel>
                                <ext:Panel runat="server" Title="Tab 2">
                                    <AutoLoad Mode="IFrame" Url="http://forums.ext.net/" ShowMask="true" />
                                    <Listeners>
                                        <Activate Handler="this.ownerCt.setActiveTab(0);" Delay="50" Single="true" />
                                    </Listeners>
                                </ext:Panel>
                            </Items>
                        </ext:TabPanel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
    </form>
</body>
</html>
    But it can become much difficult with many tabs.

Similar Threads

  1. [CLOSED] [1.3] - Concurrent Store Reload
    By drkoh in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: May 30, 2012, 4:45 AM
  2. [CLOSED] Re- loading a tabPanel through Js
    By jesperhp in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 02, 2011, 7:15 AM
  3. Concurrent DirectEvents
    By thedarklord in forum 1.x Help
    Replies: 1
    Last Post: Apr 15, 2011, 8:39 AM
  4. TabPanel - loading page resize problem
    By mrozik in forum 1.x Help
    Replies: 5
    Last Post: Dec 04, 2009, 12:52 PM
  5. Tabpanel - loading second tab with large dataset paralyzes first tab
    By Tbaseflug in forum 1.x Help
    Replies: 2
    Last Post: Aug 18, 2009, 11:22 AM

Tags for this Thread

Posting Permissions