What's New?

[CLOSED] How to close all open tabs of a tabpanel, except one

  1. #1
    Aug 22, 2013, 7:57 PM

    [CLOSED] How to close all open tabs of a tabpanel, except one

    I have a TabPanel, How I can close all open tabs in a single action?

    I just want to keep open the first tab (index = 0)

    thanks!
    Last edited by geoffrey.mcgill; Aug 23, 2013 at 6:17 PM. Reason: [CLOSED]
  2. #2
    Aug 23, 2013, 4:35 AM
    Hi @JCarlosF,

    Here is an example.

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

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

<!DOCTYPE html>
<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>

    <script>
        var close = function () {
            var tp = App.TabPanel1,
                tabs = tp.items.getRange(),
                i;

            for (i = 1; i < tabs.length; i++) {
                tabs[i].close();
            }
        };
    </script>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <ext:Button runat="server" Text="Close all except 1" Handler="close" />
        
        <ext:TabPanel ID="TabPanel1" runat="server">
            <Items>
                <ext:Panel runat="server" Title="Tab 1" />
                <ext:Panel runat="server" Title="Tab 2" />
                <ext:Panel runat="server" Title="Tab 3" />
            </Items>
        </ext:TabPanel>
    </form>
</body>
</html>
    Also you might be interested in a TabCloseMenu plugin. Right click on the tabs.

    Example
    <ext:TabPanel runat="server">
    <Items>
        <ext:Panel runat="server" Title="Tab 1" />
        <ext:Panel runat="server" Title="Tab 2" />
        <ext:Panel runat="server" Title="Tab 3" />
    </Items>
    <Plugins>
        <ext:TabCloseMenu runat="server" />
    </Plugins>
</ext:TabPanel>
  3. #3
    Aug 23, 2013, 4:22 PM
    Quote Originally Posted by Daniil View Post
    Hi @JCarlosF,

    Here is an example.

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

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

<!DOCTYPE html>
<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>

    <script>
        var close = function () {
            var tp = App.TabPanel1,
                tabs = tp.items.getRange(),
                i;

            for (i = 1; i < tabs.length; i++) {
                tabs[i].close();
            }
        };
    </script>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <ext:Button runat="server" Text="Close all except 1" Handler="close" />
        
        <ext:TabPanel ID="TabPanel1" runat="server">
            <Items>
                <ext:Panel runat="server" Title="Tab 1" />
                <ext:Panel runat="server" Title="Tab 2" />
                <ext:Panel runat="server" Title="Tab 3" />
            </Items>
        </ext:TabPanel>
    </form>
</body>
</html>
    Also you might be interested in a TabCloseMenu plugin. Right click on the tabs.

    Example
    <ext:TabPanel runat="server">
    <Items>
        <ext:Panel runat="server" Title="Tab 1" />
        <ext:Panel runat="server" Title="Tab 2" />
        <ext:Panel runat="server" Title="Tab 3" />
    </Items>
    <Plugins>
        <ext:TabCloseMenu runat="server" />
    </Plugins>
</ext:TabPanel>


    This works perfectly, thank you very much!

Similar Threads

  1. [CLOSED] TabPanel tabs activating differently if remove tabs
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Mar 15, 2013, 3:41 PM
  2. How to close all tabs in TabPanel
    By ozayExt in forum 1.x Help
    Replies: 3
    Last Post: Apr 27, 2012, 11:48 AM
  3. [CLOSED] How to keep all open tabs in the same line in tabpanel?
    By pdcase in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Dec 23, 2011, 10:59 AM
  4. how to close the tabpanel's tab?
    By zg_ivan in forum 1.x Help
    Replies: 2
    Last Post: Dec 13, 2010, 5:25 AM
  5. Can a Tab close itself from TabPanel?
    By ydnah2 in forum 1.x Help
    Replies: 2
    Last Post: Aug 10, 2009, 7:17 AM

Posting Permissions