whole_func_string: function() {
          var me = this,
              dockedItems = [].concat(me.dockedItems || []),
              activeTab = me.activeTab || (me.activeTab = 0),
              tabPosition = me.tabPosition;
  
          // Configure the layout with our deferredRender, and with our activeTeb
          me.layout = new Ext.layout.container.Card(Ext.apply({
              owner: me,
              deferredRender: me.deferredRender,
              itemCls: me.itemCls,
              activeItem: activeTab
          }, me.layout));
  
          /**
           * @property {Ext.tab.Bar} tabBar Internal reference to the docked TabBar
           */
          me.tabBar = new Ext.tab.Bar(Ext.apply({
              dock: me.tabPosition,
              orientation: (tabPosition == 'top' || tabPosition == 'bottom') ? 'horizontal' : 'vertical',
              plain: me.plain,
              cardLayout: me.layout,
              tabPanel: me
          }, me.tabBar));
  
          dockedItems.push(me.tabBar);
          me.dockedItems = dockedItems;
  
          me.addEvents(
              /**
               * @event
               * Fires before a tab change (activated by {@link #setActiveTab}). Return false in any listener to cancel
               * the tabchange
               * @param {Ext.tab.Panel} tabPanel The TabPanel
               * @param {Ext.Component} newCard The card that is about to be activated
               * @param {Ext.Component} oldCard The card that is currently active
               */
              'beforetabchange',
  
              /**
               * @event
               * Fires when a new tab has been activated (activated by {@link #setActiveTab}).
               * @param {Ext.tab.Panel} tabPanel The TabPanel
               * @param {Ext.Component} newCard The newly activated item
               * @param {Ext.Component} oldCard The previously active item
               */
              'tabchange'
          );
  
          me.callParent(arguments);
  
          // We have to convert the numeric index/string ID config into its component reference
          activeTab = me.activeTab = me.getComponent(activeTab);
  
          // Ensure that the active child's tab is rendered in the active UI state
          if (activeTab) {
          	me.tabBar.setActiveTab(activeTab.tab, true);
          }
      }
func_code_string: function() {
          var me = this,
              dockedItems = [].concat(me.dockedItems || []),
              activeTab = me.activeTab || (me.activeTab = 0),
              tabPosition = me.tabPosition;
  
          // Configure the layout with our deferredRender, and with our activeTeb
          me.layout = new Ext.layout.container.Card(Ext.apply({
              owner: me,
              deferredRender: me.deferredRender,
              itemCls: me.itemCls,
              activeItem: activeTab
          }, me.layout));
  
          /**
           * @property {Ext.tab.Bar} tabBar Internal reference to the docked TabBar
           */
          me.tabBar = new Ext.tab.Bar(Ext.apply({
              dock: me.tabPosition,
              orientation: (tabPosition == 'top' || tabPosition == 'bottom') ? 'horizontal' : 'vertical',
              plain: me.plain,
              cardLayout: me.layout,
              tabPanel: me
          }, me.tabBar));
  
          dockedItems.push(me.tabBar);
          me.dockedItems = dockedItems;
  
          me.addEvents(
              /**
               * @event
               * Fires before a tab change (activated by {@link #setActiveTab}). Return false in any listener to cancel
               * the tabchange
               * @param {Ext.tab.Panel} tabPanel The TabPanel
               * @param {Ext.Component} newCard The card that is about to be activated
               * @param {Ext.Component} oldCard The card that is currently active
               */
              'beforetabchange',
  
              /**
               * @event
               * Fires when a new tab has been activated (activated by {@link #setActiveTab}).
               * @param {Ext.tab.Panel} tabPanel The TabPanel
               * @param {Ext.Component} newCard The newly activated item
               * @param {Ext.Component} oldCard The previously active item
               */
              'tabchange'
          );
  
          me.callParent(arguments);
  
          // We have to convert the numeric index/string ID config into its component reference
          activeTab = me.activeTab = me.getComponent(activeTab);
  
          // Ensure that the active child's tab is rendered in the active UI state
          if (activeTab) {
          	me.tabBar.setActiveTab(activeTab.tab, true);
          }
      }
func_documentation_string: inherit docs