What's New?

Change tabpanel active tab from inner page

  1. #1
    Mar 18, 2014, 3:33 AM

    Change tabpanel active tab from inner page

    Hello,
    I am using tabpanel with inner pages. I mean every tabpanel's tabs are different pages.
    Like:

             <ext:TabPanel
                ID="TabPanel1"
                runat="server"
                ActiveTabIndex="0"
                Height="420px"
                Plain="false">
                <Items>
                    <ext:Panel
                        ID="tsett"
                        runat="server"
                        Title="Settings"
                        BodyPadding="6"
                        AutoScroll="true">
                        <Loader runat="server"
                            Mode="Frame"
                            Url="./sub/sett.aspx"
                            TriggerEvent="Activate"
                            ReloadOnEvent="true"
                            DisableCaching="true">
                            <LoadMask ShowMask="true" />
                        </Loader>
                    </ext:Panel>
                    <ext:panel>
                          .
                          . 
                          .
                    <ext:panel>
                    <ext:panel>
                          .
                          . 
                          .
                    <ext:panel>
                </Items>
                <BottomBar>
                    <ext:Toolbar runat="server">
                        <Items>
                            <ext:ToolbarFill />
                            <ext:Button ID="btn_prev" runat="server" Text="Prev">
                                <Listeners>
                                    <Click Handler="activeTab(#{TabPanel1}, 1);" />
                                </Listeners>
                            </ext:Button>
                            <ext:Button ID="btn_next" runat="server" Text="Next">
                                <Listeners>
                                    <Click Handler="activeTab(#{TabPanel1}, 2);" />
                                </Listeners>
                            </ext:Button>
                        </Items>
                    </ext:Toolbar>
                </BottomBar>
            </ext:TabPanel>
    Bottom bar works. But I also want to change active tab from sett.aspx. Is it possible with js and dom?
    if it is, how?
    I have tried but i failed.
    Thanks..
    Last edited by sskapci; Mar 18, 2014 at 3:58 AM. Reason: adding
  2. #2
    Mar 18, 2014, 5:57 AM
    Hi @sskapci,

    Welcome to the Ext.NET forums!

    This example demonstrates two approaches.

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

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>
<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <ext:TabPanel ID="TabPanel1" runat="server">
            <Items>
                <ext:Panel runat="server" Title="Tab 1">
                    <Loader runat="server" Mode="Frame" Url="Test.aspx" />
                </ext:Panel>
                <ext:Panel runat="server" Title="Tab 2" />
            </Items>
        </ext:TabPanel>
    </form>
</body>
</html>
    Child Page
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>
<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <ext:Button runat="server" Text="setActiveTab 1" Handler="parentAutoLoadControl.ownerCt.setActiveTab(1);" />

        <ext:Button runat="server" Text="setActiveTab 2" Handler="parent.App.TabPanel1.setActiveTab(1);" />
    </form>
</body>
</html>
  3. #3
    Mar 18, 2014, 7:29 AM
    I am happy to be here.
    It works like a charm.
    Thanks @Daniil..

Similar Threads

  1. Problem in getting the ID of the current active tab in TabPanel
    By Jeff in forum 2.x Help
    Replies: 2
    Last Post: Jun 11, 2021, 6:27 PM
  2. [CLOSED] TabPanel - perform page load only when active
    By cwolcott in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: May 09, 2012, 4:48 PM
  3. [CLOSED] Set active tab tabpanel
    By Pablo_Azevedo in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 22, 2011, 8:03 AM
  4. TabPanel TabChange event not updating active tab index?
    By riverspiv in forum 1.x Help
    Replies: 3
    Last Post: Oct 17, 2010, 1:22 PM
  5. TabPanel set active tab on server
    By logicspeak in forum 1.x Help
    Replies: 1
    Last Post: Aug 25, 2010, 4:40 PM

Tags for this Thread

Posting Permissions