Close Curren Tab (from the Current Tab)

[inaltec]

I'm trying all posible solutions in the Forum but all generate the same error. The tab is closed, but generate an debug error.

1. Using:

parent.ApplicationTabs.closeTab(parent.ApplicationTabs.getActiveTab().id, 'close');

Or

parent.ApplicationTabs.remove(parent.ApplicationTabs.getActiveTab().id);

When the Tab is closed... i receive a debug alert with this code (Ext not exist):

if(ret!==false&&Ext.isObject(ace))

All the function that contains this error is:

(function(){Ext.util.Observable.prototype.constructor=Ext.util.Observable.prototype.constructor.createInterceptor(function(){if(this.initialConfig){var id=this.initialConfig.proxyId||this.initialConfig.id;if(this.forbidIdScoping!==true&&!Ext.isEmpty(id,false)&&id.indexOf("ext-comp-")!==0){var ns=this.ns||Ext.net.ResourceMgr.ns;if(ns){(Ext.isObject(ns)?ns:Ext.ns(ns))[this.initialConfig.itemId||id]=this;}else{window[id]=this;}}}});Ext.util.Observable.prototype.constructor.prototype=Ext.util.Observable.prototype;var fns={},v,i;for(i in Ext.util.Observable){v=Ext.util.Observable[i];if(typeof v==="function"){fns[i]=v;}}
Ext.util.Observable=Ext.util.Observable.prototype.constructor;Ext.applyIf(Ext.util.Observable,fns);})();Ext.util.Observable.prototype.purgeListeners=Ext.util.Observable.prototype.purgeListeners.createSequence(function(){this.cleanId();});Ext.override(Ext.util.Observable,{cleanId:function(){if(this.forbidIdScoping!==true){var ns=this.ns||Ext.net.ResourceMgr.ns,id=this.itemId||this.proxyId||this.storeId||this.id,nsObj;if(ns&&id){if(Ext.isObject(ns)&&ns[id]){try{delete ns[id];}catch(e){ns[id]=undefined;}}else if(Ext.net.ResourceMgr.getCmp(ns+"."+id)){try{delete Ext.ns(ns)[id];}catch(f){Ext.ns(ns)[id]=undefined;}}}else if(window[this.proxyId||this.storeId||this.id]){window[this.proxyId||this.storeId||this.id]=null;}}},destroy:function(){this.cleanId();},fireEvent:function(){if(!(this.isAjaxInit||false)){this.isAjaxInit=true;this.ajaxListeners={};if(this.directEvents){this.addAjaxListener(this.directEvents);}}
var a=Ext.toArray(arguments),ename=a[0].toLowerCase(),me=this,ret=true,ce=me.events[ename],ace=me.ajaxListeners[ename],q,c;if(me.eventsSuspended===true){if(me.eventQueue){q=me.eventQueue;q.push(a);}}else if(Ext.isObject(ce)&&ce.bubble){if(ce.fire.apply(ce,a.slice(1))===false){return false;}
if(Ext.isObject(ace)&&ace.fire.apply(ace,a.slice(1))===false){return false;}
c=me.getBubbleTarget&&me.getBubbleTarget();if(c&&c.enableBubble){if(!c.events[ename]||!Ext.isObject(c.events[ename])||!c.events[ename].bubble){c.enableBubble(ename);}
return c.fireEvent.apply(c,a);}}else{if(Ext.isObject(ce)||Ext.isObject(ace)){a.shift();}
if(Ext.isObject(ce)){ret=ce.fire.apply(ce,a);}
if(ret!==false&&Ext.isObject(ace)){ret=ace.fire.apply(ace,a);}}
return ret;},addAjaxListener:function(eventName,fn,scope,o){var me=this,e,oe,filterOptRe=/^(?:scope|delay|buffer|single)$/,ce;if(Ext.isObject(eventName)){o=eventName;for(e in o){oe=o[e];if(!filterOptRe.test(e)){me.addAjaxListener(e,oe.fn||oe,oe.scope||o.scope,oe.fn?oe:o);}}}else{eventName=eventName.toLowerCase();ce=me.ajaxListeners[eventName]||true;if(Ext.isBoolean(ce)){me.ajaxListeners[eventName]=ce=new Ext.util.Event(me,eventName);}
o=Ext.isObject(o)?o:{};if(Ext.isEmpty(o.delay)){o.delay=20;}
ce.addListener(fn,scope,o);}}});

2. I'm trying too sendig an Event Handler an After Close tab use e.stopPropagation(); but the error steel continue.

3. In other forums sat that i need to use close()... but there is no option close in:

parent.ApplicationTabs.activeTab.close();

Or

parent.ApplicationTabs.close()

4. Even I'm tryin wit focus another tab previous close the tab, but steel happens the same error:

var active = parent.ApplicationTabs.getActiveTab().id;
        parent.ApplicationTabs.activeTab.previousSibling().show();
        parent.ApplicationTabs.closeTab(active);

---------------------

How can I close the Curren Tab, from Curren Tab?

[Daniil]

Hi @inaltec,

Please provide us with a sample to reproduce the problem.

[inaltec]

maintab.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="maintab.aspx.cs" Inherits="Inaltec.SRT.Sitio.maintab" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>

<html>
<head id="Head1" runat="server">
    <title>Prueba</title>

    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack && !X.IsAjaxRequest)
            {
                // Definir el Theme por Defecto
                Session["Ext.Net.Theme"] = Ext.Net.Theme.Default;
                MainResourceManager.SetTheme(Ext.Net.Theme.Default);
            }
        }
    </script>
</head>
<body>
    <form id="frmMain" runat="server">
        <asp:ScriptManager ID="smSrtInaltec" EnableScriptLocalization="true" runat="server" />

        <ext:ResourceManager ID="MainResourceManager" runat="server">
            <Listeners>
            </Listeners>
        </ext:ResourceManager>
        
        <ext:Viewport ID="vpMain" runat="server" Layout="border">
            <Items>
                <ext:TabPanel ID="ApplicationTabs" runat="server" Region="Center" Margins="0 4 4 0"
                    EnableTabScroll="true" MinTabWidth="85" TabPosition="Bottom">
                    <Items>
                        <ext:Panel ID="tabInside" runat="server" Title="Inside" IconCls="icon-application">
                            <AutoLoad Mode="IFrame" Url="pageone.aspx" ShowMask="false" />
                        </ext:Panel>

                        <ext:Panel ID="tabOne" runat="server" Title="Page One" IconCls="icon-application">
                            <AutoLoad Mode="IFrame" Url="pageone.aspx" ShowMask="false" />
                        </ext:Panel>
                    </Items>
                    <Listeners>
                    </Listeners>
                    <Plugins>
                        <ext:TabCloseMenu ID="tcmMain" runat="server" />
                    </Plugins>
                </ext:TabPanel>
            </Items>
        </ext:Viewport>
    </form>
</body>
</html>

pageone.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="pageone.aspx.cs" Inherits="Inaltec.SRT.Sitio.pageone" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>

<html>
<head id="Head1" runat="server">
    <title>Page One</title>

    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack && !X.IsAjaxRequest)
            {
                // Definir el Theme por Defecto
                Session["Ext.Net.Theme"] = Ext.Net.Theme.Default;
                MainResourceManager.SetTheme(Ext.Net.Theme.Default);
            }
        }
    </script>

    <script type="text/javascript">
        var CerrarConsulta = function () {
                var active = parent.ApplicationTabs.getActiveTab().id;
                //parent.ApplicationTabs.activeTab.previousSibling().show();
                parent.ApplicationTabs.closeTab(active);
                //Ext.lib.Event.preventDefault();
        };
    </script>
</head>
<body>
    <form id="Form1" runat="server">
        <asp:ScriptManager ID="smSrtInaltec" EnableScriptLocalization="true" runat="server" />
        <ext:ResourceManager ID="MainResourceManager" runat="server">
            <Listeners>
            </Listeners>
        </ext:ResourceManager>

        <ext:Window 
            ID="frmControlPanel"
            Title="Window"
            runat="server"
            Width="750"
            Height="500"
            Layout="ColumnLayout"
            Closable="false" Resizable="False" 
            Hidden="false">
            <Items>
                <ext:FormPanel runat="server">
                
                    <Buttons>
                        <ext:Button ID="btnClose" runat="server" Text="Close" Icon="Decline">
                            <Listeners>
                                <Click Handler="CerrarConsulta();" />
                            </Listeners>
                        </ext:Button>
                    </Buttons>
                </ext:FormPanel>
            </Items>
            <Listeners>
                <Show Handler="frmControlPanel.el.alignTo(Ext.getBody(), 'tl-tl', [12, 12]);"/>
            </Listeners>
        </ext:Window>
    </form>
</body>
</html>

Run the site and press [close] button you can see this error:



Thanks in Advance!

[Daniil]

Yes, it is a common issue for IE. The issue is not reproducible in FireFox or Chrome.

I can suggest this workaround.

<Click Handler="CerrarConsulta();" Delay="1" />

[inaltec]

Yes! works perfect.

Thank for your help.