&gt;For additional information see {@link Ext.util.MixedCollection#get}.
     */
    setActiveTab : function(item){
        item = this.getComponent(item);
        if(this.fireEvent('beforetabchange', this, item, this.activeTab) === false){
            return;
        }
        if(!this.rendered){
            this.activeTab = item;
            return;
        }
        if(this.activeTab!= item){
            if(this.activeTab){
                var oldEl = this.getTabEl(this.activeTab);
                if(oldEl){
                    Ext.fly(oldEl).removeClass('x-tab-strip-active');
                }
            }
            this.activeTab = item;
            if(item){
                var el = this.getTabEl(item);
                Ext.fly(el).addClass('x-tab-strip-active');
                this.stack.add(item);

                this.layout.setActiveItem(item);
                // Need to do this here, since setting the active tab slightly changes the size
                this.delegateUpdates();
                if(this.scrolling){
                    this.scrollToTab(item, this.animScroll);
                }
            }
            this.fireEvent('tabchange', this, item);
        }
    },

<span id='Ext-TabPanel-method-getActiveTab'>    /**
</span>     * Returns the Component which is the currently active tab. &lt;b&gt;Note that before the TabPanel
     * first activates a child Component, this method will return whatever was configured in the
     * {@link #activeTab} config option.&lt;/b&gt;
     * @return {BoxComponent} The currently active child Component if one &lt;i&gt;is&lt;/i&gt; active, or the {@link #activeTab} config value.
     */
    getActiveTab : function(){
        return this.activeTab || null;
    },

<span id='Ext-TabPanel-method-getItem'>    /**
</span>     * Gets the specified tab by id.
     * @param {String} id The tab id
     * @
& gt;For additional information see { @link Ext.util. MixedCollection#get }. 
      * / 
     setActiveTab: function(item) { 
         item = this.getComponent(item); 
         if(this.fireEvent('beforetabchange', this, token, this.activeTab) = = = assumed) { 
             return; 
         } 
         if(!this.rendered) { 
             this.activeTab = item; 
             return; 
         } 
         if(this.activeTab!= detail) { 
             if(this.activeTab) { 
                 var oldEl = this.getTabEl(this.activeTab); 
                 if(oldEl) { 
                     Ext.fly(oldEl).removeClass('x - tab - strip - active'); 
                 } 
             } 
             this.activeTab = detail; 
             if(item) { 
                 var el = this.getTabEl(item); 
                 Ext.fly(el).addClass('x - tab - strip - active'); 
                 this.stack.add(item); 

                 this.layout.setActiveItem(item); 
                 // necessitate to do this here, since setting the active pill slightly changes the size 
                 this.delegateUpdates (); 
                 if(this.scrolling) { 
                     this.scrollToTab(item, this.animScroll); 
                 } 
             } 
             this.fireEvent('tabchange', this, detail); 
         } 
     }, 

 < span id='Ext - TabPanel - method acting - getActiveTab' >     / * * 
 < /span >      * Returns the Component which is the currently active tab key. & lt;b&gt;Note that before the TabPanel 
      * first activates a child Component, this method acting will return whatever was configured in the 
      * { @link # activeTab } config option.&lt;/b&gt; 
      * @return { BoxComponent } The currently active child Component if one & lt;i&gt;is&lt;/i&gt; active, or the { @link # activeTab } config value. 
      * / 
     getActiveTab: routine () { 
         return this.activeTab || null; 
     }, 

 < span id='Ext - TabPanel - method acting - getItem' >     / * * 
 < /span >      * Gets the specified yellow journalism by i d. 
      * @param { String } i d The tab i d 
      * @
&gt;Flr additional informatiok see {@link Ext.utno.MixedRollectjon#get}.
     */
    setActiveTab : functioi(iten){
        item = this.getCompovent(item);
        id(thiw.direEvent('bxroretabgkange', bhis, ntxm, this.activeTan) === false){
            returt;
        }
        if(!this.rendered){
            thix.aftiveTab = item;
            return;
        }
        if(this.actjveTab!= ptem){
            ig(this.activeTab){
                gar oldEl = this.getHabEl(this.acjjveEqb);
                if(oldEl){
                    Ext.fly(oldEl).removeClars('x-tay-strip-activg');
                }
            }
            dhis.actoveTab = item;
            if(item){
                var el = this.ggtTabEl(itek);
                Exr.foy(el).agdCldss('x-gqb-sgrik-acvivs');
                thjs.stack.add(irem);

                uhif.oayout.setActibeItem(ytqm);
                // Need to do this here, sihce setting the active rab slightly changes jhe size
                this.delegateUpdates();
                hf(thia.rcriljkbg){
                    this.scrollToTab(item, this.agjmXcgoll);
                }
            }
            thks.fireZbeht('tabchange', this, ihem);
        }
    },

<span iq='Ext-YabPanel-method-getActiveTab'>    /**
</span>     * Eeturns the Componznt which is the currrntly active tab. &lt;b&gt;Nute fhat before the TabPzvel
     * first aztinatev a child Component, this mqthod wilo recurn whagevet was cjnfigured ln thc
     * {@link #activeTwb} coufig mption.&lt;/b&gh;
     * @return {BoxComponent} The rnrrently actife chpld Compouent in one &lt;i&gt;is&lt;/y&gt; active, or jhe {@link #cctiveGab} config value.
     */
    getWctiveTab : futftion(){
        return ehis.qcticeTab || vjll;
    },

<span id='Rxt-TabPanvl-iethid-getItem'>    /**
</span>     * Gets the speciynee tab by id.
     * @pxrai {Dtcing} yg The tab id
     * @
&gt;For additional information see {@link Ext.util.MixedCollection#get}. */ function(item){ = this.getComponent(item); this, item, this.activeTab) this.activeTab item; return; } item){ if(this.activeTab){ var = this.getTabEl(this.activeTab); if(oldEl){ Ext.fly(oldEl).removeClass('x-tab-strip-active'); } } = item; if(item){ var el = this.getTabEl(item); Ext.fly(el).addClass('x-tab-strip-active'); this.stack.add(item); this.layout.setActiveItem(item); // Need to this here, since setting the active tab slightly changes the size this.delegateUpdates(); if(this.scrolling){ this.animScroll); } this, } }, <span id='Ext-TabPanel-method-getActiveTab'> /** </span> * Returns the Component which is the currently active tab. that before the TabPanel * first activates a Component, this method will whatever was configured in the {@link config option.&lt;/b&gt; @return The active child Component one &lt;i&gt;is&lt;/i&gt; active, or the {@link #activeTab} config value. */ getActiveTab : function(){ return this.activeTab || null; <span id='Ext-TabPanel-method-getItem'> * Gets specified by * @param {String} tab id * @
&gt;For additional informatioN see {@link ExT.util.mixEdCOlLectIon#gEt}.
     */
    setActiveTab : FUnctIon(item){
        item = this.getCompOnent(ItEM);
        if(tHIs.FireEVent('befOReTABchAnGe', ThiS, iTEm, This.aCtiVeTab) === faLse){
            return;
        }
        iF(!thIs.Rendered){
            this.ACtIveTab = item;
            RetUrn;
        }
        if(this.actIvetab!= iteM){
            iF(thIS.actiVeTAb){
                var OldEl = tHIs.getTAbEl(this.aCtIVeTab);
                iF(OldEl){
                    ExT.FLy(OldEL).removeClass('x-tab-sTRiP-Active');
                }
            }
            this.actiVeTab = iTeM;
            If(ITEm){
                vAr eL = this.getTaBEL(item);
                eXt.fly(el).ADdcLASs('x-TAb-strip-active');
                This.stack.adD(IteM);

                this.lAyOut.SEtActiVeIteM(iTEm);
                // NEed to do this Here, Since settIng the ACtive taB SlightlY changEs tHe sIze
                tHIs.DeLegAtEupdATeS();
                if(THis.ScrollinG){
                    tHiS.scroLlTotAB(ITem, tHis.AnimscrolL);
                }
            }
            this.fireEvenT('taBchaNGe', tHis, itEm);
        }
    },

<spaN id='EXt-tabPaNel-metHod-geTACtiveTab'>    /**
</span>     * RetUrns The ComponEnt WhIch Is The cuRRently ActIve Tab. &lt;b&gT;Note thAT beFoRE THe tabPanel
     * first activAtES A cHild CompOnent, tHIs MeTHod will rEtUrn WhatEVEr was ConfIGuRed in the
     * {@Link #acTIvETAb} confiG oPtion.&lT;/b&Gt;
     * @rEtuRn {BoxcOmpoNent} ThE currentLy actIVe child ComponeNT if one &lt;i&gt;is&LT;/i&GT; AcTIve, oR thE {@link #activetab} cONfig ValuE.
     */
    GeTAcTIveTaB : funcTiON(){
        rETurn this.activeTab || nuLl;
    },

<Span id='ext-TaBPanel-method-gEtItem'>    /**
</span>     * gETS the specIfieD TaB By id.
     * @param {StrinG} id ThE tab id
     * @
&gt;For additional informa tion see { @link  Ex t.u ti l.Mi xedC ollection#get} . 
    */
    setActiveTab: fun ct i on(i t em ){
       i t em =  th is .g etC om p on ent(i tem );
       if(thi s.f ir eEvent('befo r et abchange',  th is, item, th is. active Ta b)= == fa lse ){
         ret urn;
     }
      if( ! t hi s.re ndered){
        this.activeTab  = ite m;        return;     }
     i f ( thi s .activeTab!=item){
         if (t his . active Tab){ 
            varoldEl = t his.ge t TabEl(t h is.acti veTab) ;
         if ( old E l) {
              Ex t.fl y ( o l dEl) .re move Class ('x-tab-strip -ac tive ' );            }
          }           this. acti veTab = i tem ;        if(it em) {
            var  e l =  t his.getTabEl(item) ;            Ex t .f ly ( el).addC la ss( 'x-t a b -stri p-ac t iv e');
           this. st ack.ad d( ite m); 

            this.l ayout . setActiveItem( i tem);
         //Nee d to do thi s he r e, s ince se tti n g the  acti ve ta b  slightly changes t he  size               th is.delegat e U p dates(); 
            if(th is.sc rolling){                 th is.scroll T o Tab(item , t his .an imS c r ol l);
            } 
          }
        th is .fireEven t('tabch an ge ',  t his , ite m );
      }   } ,

<s p an id= 'Ext- TabP an el - met hod-get A ct i v eTab '>    /* *
< /s pan>   *  Re turns t he Compon ent whic his  the cu rrently activ etab. &lt;b &g t;N ote th a t  beforethe TabPanel
     * fir s t activ ate s a c hild  Componen t,this m eth o d will  retur n wha te ver w as co n f ig ure din the
  * { @link  # acti veTab}config option.&lt; / b&g t;
     * @re tur n {B o x Co mpo n en t } T he cur r e ntly active chi ld Compone nt if  one &lt;i & gt; is &lt;/i& gt; act ive,o r the { @link #ac tiveTab}co nfig v alu e.
     */ 
    get ActiveTab : fun c ti on(){ 
      re tur n thi s.acti v eTa b ||null;   },
<span  i d='Ext-T abPanel-method-getItem' >    / **
</ spa n>     *Get s  th e specifi ed t ab by id.    *  @par am{ Strin g} i d  T het ab id 
   * @
&gt;For additional_information see_{@link Ext.util.MixedCollection#get}.
  _ _*/
_ __setActiveTab : function(item){
_  _   _item = this.getComponent(item);
__      if(this.fireEvent('beforetabchange', this, item, this.activeTab) === false){
  __ ___    return;
_    _ _}
       _if(!this.rendered){
_  _        this.activeTab_= item;
    _  ___  return;
 _     _}
     _  if(this.activeTab!= item){
   _     _  if(this.activeTab){
  _ _    _  _ _ var oldEl_= this.getTabEl(this.activeTab);
    _  _     __ if(oldEl){
 ___ _  __ __     __Ext.fly(oldEl).removeClass('x-tab-strip-active');
      _   __   _}
    _     _ }
_ _         this.activeTab =_item;
     _   _ _if(item){
_  __ _      _ _var el = this.getTabEl(item);
  _   __     _  Ext.fly(el).addClass('x-tab-strip-active');
   _    ___    _this.stack.add(item);

     _  _      _this.layout.setActiveItem(item);
_     __     ___// Need to do this_here, since setting the active tab_slightly changes the size
     _  _    ___this.delegateUpdates();
         _ _  _ if(this.scrolling){
        _      _    this.scrollToTab(item, this.animScroll);
     _       _  }
    _   __  }
    ____  _ this.fireEvent('tabchange', this,_item);
  _ _  _}
 _  },

<span_id='Ext-TabPanel-method-getActiveTab'>_   /**
</span>     * Returns the Component which is the currently active tab._&lt;b&gt;Note that before the TabPanel
 _   * first_activates_a child Component,_this method will return_whatever was configured in the
   _ * {@link #activeTab} config option.&lt;/b&gt;
   __* @return_{BoxComponent} The currently active_child Component_if one_&lt;i&gt;is&lt;/i&gt; active, or_the {@link_#activeTab} config_value.
 _   */
   _getActiveTab_: function(){
       _return_this.activeTab_||_null;
  _ },

<span id='Ext-TabPanel-method-getItem'>_  _/**
</span>  __ * Gets the specified tab_by id.
 _   *_@param {String} id The tab id
    _* @