What's New?

[CLOSED] Problem opening multiple tabpanels the same time.

Page 3 of 6 FirstFirst 12345 ... LastLast
  1. #21
    May 26, 2011, 12:30 PM
    Quote Originally Posted by geoffrey.mcgill View Post
    Please modify my sample to demonstrate how to reproduce the problem.
    If the validator page Item1, 2.3 have the following structure, the problem happens.
    If you open the items in sequence 1,2,3 quickly the problem is reproduced

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication1.WebForm3" %>
<%@ 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>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:Viewport ID="Viewport" runat="server">
        <Items>
            <ext:BorderLayout ID="BorderLayout1" runat="server">
                <North>
                    <ext:Panel ID="pnlLayoutMaster" runat="server" Border="true" Frame="false" Layout="VBoxLayout"
                        MinHeight="29px" Split="True" Height="226">
                        <LayoutConfig>
                            <ext:VBoxLayoutConfig Align="Stretch" />
                        </LayoutConfig>
                        <Items>
                           
                        </Items>
                    </ext:Panel>
                </North>
                <Center Split="true" MinHeight="58px">
                    <ext:FormPanel ID="frmDetails" runat="server" Border="true" Layout="VBoxLayout" Frame="false"
                        MinHeight="58px" Flex="1">
                        <LayoutConfig>
                            <ext:VBoxLayoutConfig Align="Stretch" />
                        </LayoutConfig>
                        <Items>
                           
                            <ext:TabPanel ID="tabPanel" runat="server" ActiveTabIndex="0" 
                                EnableTabScroll="true" Flex="1">
                                <Items>
                                    <ext:Panel ID="tabDadosGerais" runat="server" Title="Dados Gerais" Padding="6" TabTip="Dados Gerais do Usuário"
                                        Layout="FormLayout" AutoScroll="true">
                                        <Items>
   
                                        </Items>
                                    </ext:Panel>
                                    <ext:Panel ID="tabTelefones" runat="server" Title="Telefones" Layout="VBoxLayout"
                                        TabTip="Telefones" AutoScroll="true">
                                        <LayoutConfig>
                                            <ext:VBoxLayoutConfig Align="Stretch" />
                                        </LayoutConfig>
                                        <Items>
                                        </Items>
                                    </ext:Panel>
                                    <ext:Panel ID="tabProxy" runat="server" Title="Proxy" Padding="6" Layout="FormLayout"
                                        TabTip="Informações do Proxy de Conexão" AutoScroll="true">
                                        <Items>
                                     
                                        </Items>
                                    </ext:Panel>
                                    <ext:Panel ID="tabEmail" runat="server" Title="E-mail" Padding="6" TabTip="Informações de E-mail"
                                        Layout="FormLayout" AutoScroll="true">
                                        <Items>
                                            
                                        </Items>
                                    </ext:Panel>
                                </Items>
                            </ext:TabPanel>
                        </Items>
                    </ext:FormPanel>
                </Center>
            </ext:BorderLayout>
        </Items>
    </ext:Viewport>
    </form>
</body>
</html>
  2. #22
    May 26, 2011, 12:44 PM
    I can't reproduce.

    What browser do you test under?
  3. #23
    May 26, 2011, 12:50 PM
    Quote Originally Posted by Daniil View Post
    I can't reproduce.

    What browser do you test under?
    The only problem is reproduced in IE8, the other will not play.

    You must open the item 1, 2 and 3 quickly. Expect to load the page 3.
    After you click on the tab 1e see the problem
  4. #24
    May 26, 2011, 1:13 PM
    I'm afraid I can't reproduce it under IE8 as well.

    Please provide a screen-shot what I should see.
  5. #25
    May 26, 2011, 1:42 PM
    Quote Originally Posted by Daniil View Post
    I'm afraid I can't reproduce it under IE8 as well.

    Please provide a screen-shot what I should see.

    Images with the following sequence to open the tabs.
    This happens when you open multiple tabs at once.
    Ex: click item1 and click quickly on the item 2 and 3.

    It also follows a demo project that reproduces the problem, please rename WebApplication1.txt to WebApplication1.zip unpack
  6. #26
    May 26, 2011, 1:47 PM
    Well, in the post #21 of the current thread you provided us with a sample and said that it reproduces the problem?

    http://forums.ext.net/showthread.php...965&viewfull=1

    Did I misunderstand?

    Anyway thanks for the screen-shots and the project. I will look into that.
  7. #27
    May 26, 2011, 1:53 PM
    Quote Originally Posted by Daniil View Post
    Well, in the post #21 of the current thread you provided us with a sample and said that it reproduces the problem?

    http://forums.ext.net/showthread.php...965&viewfull=1

    Did I misunderstand?

    Anyway thanks for the screen-shots and the project. I will look into that.
    Ok, awaiting
  8. #28
    May 26, 2011, 2:57 PM
    I'm still suggesting to use a mask,

    Something like this:
    <Click Handler="loadTab(this, node);" />

var loadTab = function (tree, node) {
    var tab = TabPanel1.getItem(node.id);

    if (!tab) {
        tree.body.mask('Loading...', 'x-mask-loading'); 
        tab = TabPanel1.add({
            id : node.id,
            title : node.text,
            closable : true,
            autoLoad : {
                url : node.id + ".aspx",
                mode : "iframe",
                showMask : true,
                maskMsg : "Loading " + node.text + "..."
            },
            listeners : {
                update : {
                    fn : function () {
                        tree.body.unmask();
                    }
                }
            }
        });
    }

    TabPanel1.setActiveTab(tab);
};
  9. #29
    May 26, 2011, 3:01 PM
    The second possible solution is:
    <Click Handler="loadTab(node);" />

var loadTab = function (node) {
    var tab = TabPanel1.getItem(node.id);

    if (!tab) {
        Ext.net.Mask.show();
        tab = TabPanel1.add({
            id : node.id,
            title : node.text,
            closable : true,
            autoLoad : {
                url : node.id + ".aspx",
                mode : "iframe"
            },
            listeners : {
                update : {
                    fn : function () {
                        Ext.net.Mask.hide();
                    }
                }
            }
        });
    }

    TabPanel1.setActiveTab(tab);
};
  10. #30
    May 26, 2011, 3:10 PM
    Quote Originally Posted by Daniil View Post
    I'm still suggesting to use a mask,

    Something like this:
    <Click Handler="loadTab(this, node);" />

var loadTab = function (tree, node) {
    var tab = TabPanel1.getItem(node.id);

    if (!tab) {
        tree.body.mask('Loading...', 'x-mask-loading'); 
        tab = TabPanel1.add({
            id : node.id,
            title : node.text,
            closable : true,
            autoLoad : {
                url : node.id + ".aspx",
                mode : "iframe",
                showMask : true,
                maskMsg : "Loading " + node.text + "..."
            },
            listeners : {
                update : {
                    fn : function () {
                        tree.body.unmask();
                    }
                }
            }
        });
    }

    TabPanel1.setActiveTab(tab);
};
    The first way because I did not like locking my entire page.
    In the second suggestion, you put a mask on the tree, but I would leave the tree available.
    Because if I have a slow page I can open other pages while the first load.
Page 3 of 6 FirstFirst 12345 ... LastLast

Similar Threads

  1. opening severall time a desktop window
    By feanor91 in forum 1.x Help
    Replies: 4
    Last Post: Dec 22, 2011, 11:49 AM
  2. [CLOSED] Problem opening a popoup window
    By sisa in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Dec 15, 2011, 12:31 PM
  3. [CLOSED] Problem opening a Window that contains UserControl
    By nhg_itd in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Sep 26, 2011, 3:42 AM
  4. [CLOSED] Problem with focus and tabpanels under IE9
    By Pablo_Azevedo in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: Jun 14, 2011, 4:42 PM
  5. [CLOSED] Problem with GridPanel BottomBars on a TabPanels
    By asztern in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 22, 2010, 3:11 PM

Posting Permissions