Upgrade to ExtJS 3.3.1 - Released 11/30/2010

[extjs.git] / docs / source / TabPanel.html
diff --git a/docs/source/TabPanel.html b/docs/source/TabPanel.html

index 1978a8c..51db105 100644 (file)
--- a/docs/source/TabPanel.html
+++ b/docs/source/TabPanel.html
@@ -1,12 +1,18 @@
-<html>\r
-<head>\r
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    \r
-  <title>The source code</title>\r
-    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
-    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
-</head>\r
-<body  onload="prettyPrint();">\r
-    <pre class="prettyprint lang-js"><div id="cls-Ext.TabPanel"></div>/**
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
+  <title>The source code</title>
+    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
+    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
+</head>
+<body  onload="prettyPrint();">
+    <pre class="prettyprint lang-js">/*!
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
+ */
+<div id="cls-Ext.TabPanel"></div>/**
   * @class Ext.TabPanel
   * <p>A basic tab container. TabPanels can be used exactly like a standard {@link Ext.Panel}
   * for layout purposes, but also have special support for containing child Components
@@ -561,7 +567,7 @@ new Ext.TabPanel({
       * <li><b>cls</b> : String<div class="sub-desc">The CSS class name</div></li>
       * <li><b>iconCls</b> : String<div class="sub-desc">A CSS class to provide appearance for an icon.</div></li>
       * </ul></div>
-     * @param {BoxComponent} item The {@link Ext.BoxComponent BoxComponent} for which to create a selector element in the tab strip.
+     * @param {Ext.BoxComponent} item The {@link Ext.BoxComponent BoxComponent} for which to create a selector element in the tab strip.
       * @return {Object} An object hash containing the properties required to render the selector element.
       */
      getTemplateArgs : function(item) {
@@ -590,9 +596,6 @@ new Ext.TabPanel({
          if(this.rendered){
              var items = this.items;
              this.initTab(c, items.indexOf(c));
-            if(items.getCount() == 1){
-                this.syncSize();
-            }
              this.delegateUpdates();
          }
      },
@@ -745,13 +748,14 @@ new Ext.TabPanel({
  
      // private
      delegateUpdates : function(){
+        var rendered = this.rendered;
          if(this.suspendUpdates){
              return;
          }
-        if(this.resizeTabs && this.rendered){
+        if(this.resizeTabs && rendered){
              this.autoSizeTabs();
          }
-        if(this.enableTabScroll && this.rendered){
+        if(this.enableTabScroll && rendered){
              this.autoScrollTabs();
          }
      },
@@ -819,13 +823,15 @@ new Ext.TabPanel({
                      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.activeTab = item;
                  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);
                  }
@@ -865,10 +871,11 @@ new Ext.TabPanel({
              pos = this.getScrollPos(),
              l = this.edge.getOffsetsTo(this.stripWrap)[0] + pos;
  
-        if(!this.enableTabScroll || count < 1 || cw < 20){ // 20 to prevent display:none issues
+        if(!this.enableTabScroll || cw < 20){ // 20 to prevent display:none issues
              return;
          }
-        if(l <= tw){
+        if(count == 0 || l <= tw){
+            // ensure the width is set if there's no tabs
              wd.scrollLeft = 0;
              wrap.setWidth(tw);
              if(this.scrolling){
@@ -1131,6 +1138,6 @@ Ext.TabPanel.AccessStack = function(){
          }
      };
  };
-</pre>    \r
-</body>\r
+</pre>    
+</body>
  </html>
 \ No newline at end of file