How to close tab on dblclick in tabpanel?

  1. #1

    How to close tab on dblclick in tabpanel?

    I want to colse the tab when the tab title double click, anybody can help me?
    Thanks!
    Last edited by Daniil; Aug 18, 2011 at 7:57 PM.
  2. #2
    Hi,

    Please see the example.

    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 Example</title>
    
        <script type="text/javascript">
            var onRender = function () {
                Ext.fly(this.tabEl).on(
                    'dblclick',
                    function () {
                        TabPanel1.remove(this);
                    },
                    this
                );
            }
        </script>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:TabPanel ID="TabPanel1" runat="server">
                <Items>
                    <ext:Panel runat="server" Title="Tab1">
                        <Listeners>
                            <Render Fn="onRender" />
                        </Listeners>
                    </ext:Panel>
                    <ext:Panel runat="server" Title="Tab2">
                        <Listeners>
                            <Render Fn="onRender" />
                        </Listeners>
                    </ext:Panel>
                </Items>
            </ext:TabPanel>
        </form>
    </body>
    </html>
  3. #3
    Mark as resolved. Thanks guys for the fast turn around!
  4. #4
    Here is a solution for Ext.NET v2.
    http://forums.ext.net/showthread.php...l=1#post101055

Similar Threads

  1. How to close all tabs in TabPanel
    By ozayExt in forum 1.x Help
    Replies: 3
    Last Post: Apr 27, 2012, 11:48 AM
  2. [CLOSED] Cannot cancel tab close in TabPanel
    By Fredrik in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Mar 14, 2012, 12:58 PM
  3. 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
  4. How to close tabpanel's tab in other window
    By fenya_616 in forum 1.x Help
    Replies: 1
    Last Post: Aug 05, 2010, 7:19 PM
  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