X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..92c2b89db26be16707f4a805d3303ab2531006e1:/docs/source/CardLayout.html

diff --git a/docs/source/CardLayout.html b/docs/source/CardLayout.html
index d1a776e1..280d1a54 100644
--- a/docs/source/CardLayout.html
+++ b/docs/source/CardLayout.html
@@ -80,7 +80,7 @@ Ext.layout.CardLayout = Ext.extend(Ext.layout.FitLayout, {
      * true might improve performance.
      */
     deferredRender : false,
-    
+
     <div id="cfg-Ext.layout.CardLayout-layoutOnCardChange"></div>/**
      * @cfg {Boolean} layoutOnCardChange
      * True to force a layout of the active item when the active card is changed. Defaults to false.
@@ -92,10 +92,11 @@ Ext.layout.CardLayout = Ext.extend(Ext.layout.FitLayout, {
      */
     // private
     renderHidden : true,
-    
+
+    type: 'card',
+
     constructor: function(config){
         Ext.layout.CardLayout.superclass.constructor.call(this, config);
-      //  this.forceLayout = (this.deferredRender === false);
     },
 
     <div id="method-Ext.layout.CardLayout-setActiveItem"></div>/**
@@ -103,20 +104,34 @@ Ext.layout.CardLayout = Ext.extend(Ext.layout.FitLayout, {
      * @param {String/Number} item The string component id or numeric index of the item to activate
      */
     setActiveItem : function(item){
-        var ai = this.activeItem;
-        item = this.container.getComponent(item);
-        if(ai != item){
+        var ai = this.activeItem,
+            ct = this.container;
+        item = ct.getComponent(item);
+
+        // Is this a valid, different card?
+        if(item && ai != item){
+
+            // Changing cards, hide the current one
             if(ai){
                 ai.hide();
+                if (ai.hidden !== true) {
+                    return false;
+                }
                 ai.fireEvent('deactivate', ai);
             }
-            var layout = item.doLayout && (this.layoutOnCardChange || !item.rendered);
+            // Change activeItem reference
             this.activeItem = item;
-            if(item){
-                item.show();
-            }
+
+            // The container is about to get a recursive layout, remove any deferLayout reference
+            // because it will trigger a redundant layout.
+            delete item.deferLayout;
+
+            // Show the new component
+            item.show();
+
             this.layout();
-            if(item && layout){
+
+            if(item.doLayout){
                 item.doLayout();
             }
             item.fireEvent('activate', item);