Upgrade to ExtJS 3.1.1 - Released 02/08/2010

[extjs.git] / docs / source / Panel.html

diff --git a/docs/source/Panel.html b/docs/source/Panel.html
index 6c97c62..b53256a 100644 (file)
--- a/docs/source/Panel.html
+++ b/docs/source/Panel.html
@@ -694,8 +694,8 @@ new Ext.Panel({
              * @event bodyresize
              * Fires after the Panel has been resized.
              * @param {Ext.Panel} p the Panel which has been resized.
              * @event bodyresize
              * Fires after the Panel has been resized.
              * @param {Ext.Panel} p the Panel which has been resized.

-             * @param {Number} width The Panel's new width.
-             * @param {Number} height The Panel's new height.
+             * @param {Number} width The Panel body's new width.
+             * @param {Number} height The Panel body's new height.

              */
             'bodyresize',
             <div id="event-Ext.Panel-titlechange"></div>/**
              */
             'bodyresize',
             <div id="event-Ext.Panel-titlechange"></div>/**


@@ -856,8 +856,6 @@ new Ext.Panel({
             };
         }
         result = tb.events ? Ext.apply(tb, options) : this.createComponent(Ext.apply({}, tb, options), 'toolbar');
             };
         }
         result = tb.events ? Ext.apply(tb, options) : this.createComponent(Ext.apply({}, tb, options), 'toolbar');

-        result.ownerCt = this;
-        result.bufferResize = false;

         this.toolbars.push(result);
         return result;
     },
         this.toolbars.push(result);
         return result;
     },


@@ -1036,18 +1034,21 @@ new Ext.Panel({
         if(ts){
             this.addTool.apply(this, ts);
         }
         if(ts){
             this.addTool.apply(this, ts);
         }

+
+        // Render Toolbars.

         if(this.fbar){
             this.footer.addClass('x-panel-btns');
         if(this.fbar){
             this.footer.addClass('x-panel-btns');

+            this.fbar.ownerCt = this;

             this.fbar.render(this.footer);
             this.footer.createChild({cls:'x-clear'});
         }
             this.fbar.render(this.footer);
             this.footer.createChild({cls:'x-clear'});
         }

-

         if(this.tbar && this.topToolbar){
         if(this.tbar && this.topToolbar){

+            this.topToolbar.ownerCt = this;

             this.topToolbar.render(this.tbar);
         }
         if(this.bbar && this.bottomToolbar){
             this.topToolbar.render(this.tbar);
         }
         if(this.bbar && this.bottomToolbar){

+            this.bottomToolbar.ownerCt = this;

             this.bottomToolbar.render(this.bbar);
             this.bottomToolbar.render(this.bbar);

-

         }
     },
 
         }
     },
 


@@ -1158,7 +1159,7 @@ new Ext.Panel({
             var tc = a[i];
             if(!this.tools[tc.id]){
                 var overCls = 'x-tool-'+tc.id+'-over';
             var tc = a[i];
             if(!this.tools[tc.id]){
                 var overCls = 'x-tool-'+tc.id+'-over';

-                var t = this.toolTemplate.insertFirst((tc.align !== 'left') ? this[this.toolTarget] : this[this.toolTarget].child('span'), tc, true);
+                var t = this.toolTemplate.insertFirst(this[this.toolTarget], tc, true);

                 this.tools[tc.id] = t;
                 t.enableDisplayMode('block');
                 this.mon(t, 'click',  this.createToolHandler(t, tc, overCls, this));
                 this.tools[tc.id] = t;
                 t.enableDisplayMode('block');
                 this.mon(t, 'click',  this.createToolHandler(t, tc, overCls, this));


@@ -1183,6 +1184,7 @@ new Ext.Panel({
     },
 
     onLayout : function(shallow, force){
     },
 
     onLayout : function(shallow, force){

+        Ext.Panel.superclass.onLayout.apply(this, arguments);

         if(this.hasLayout && this.toolbars.length > 0){
             Ext.each(this.toolbars, function(tb){
                 tb.doLayout(undefined, force);
         if(this.hasLayout && this.toolbars.length > 0){
             Ext.each(this.toolbars, function(tb){
                 tb.doLayout(undefined, force);


@@ -1240,7 +1242,7 @@ new Ext.Panel({
         };
     },
 
         };
     },
 

-    // private    
+    // private

     afterRender : function(){
         if(this.floating && !this.hidden){
             this.el.show();
     afterRender : function(){
         if(this.floating && !this.hidden){
             this.el.show();


@@ -1248,13 +1250,13 @@ new Ext.Panel({
         if(this.title){
             this.setTitle(this.title);
         }
         if(this.title){
             this.setTitle(this.title);
         }

-        if(this.collapsed){
+        Ext.Panel.superclass.afterRender.call(this); // do sizing calcs last
+        if (this.collapsed) {

             this.collapsed = false;
             this.collapse(false);
         }
             this.collapsed = false;
             this.collapse(false);
         }

-        Ext.Panel.superclass.afterRender.call(this); // do sizing calcs last

         this.initEvents();
         this.initEvents();

-    },    
+    },

 
     // private
     getKeyMap : function(){
 
     // private
     getKeyMap : function(){


@@ -1281,9 +1283,7 @@ new Ext.Panel({
                     remove: this.syncHeight
                 });
             }, this);
                     remove: this.syncHeight
                 });
             }, this);

-            if(!this.ownerCt){
-                this.syncHeight();
-            }
+            this.syncHeight();

         }
 
     },
         }
 
     },


@@ -1410,7 +1410,8 @@ new Ext.Panel({
     afterExpand : function(anim){
         this.collapsed = false;
         this.afterEffect(anim);
     afterExpand : function(anim){
         this.collapsed = false;
         this.afterEffect(anim);

-        if(Ext.isDefined(this.deferLayout)){
+        if (this.deferLayout) {
+            delete this.deferLayout;

             this.doLayout(true);
         }
         this.fireEvent('expand', this);
             this.doLayout(true);
         }
         this.fireEvent('expand', this);


@@ -1495,6 +1496,7 @@ new Ext.Panel({
                     this.el._mask.setSize(this.el.dom.clientWidth, this.el.getHeight());
                 }
             }else{
                     this.el._mask.setSize(this.el.dom.clientWidth, this.el.getHeight());
                 }
             }else{

+                // Adds an event to set the correct height afterExpand.  This accounts for the deferHeight flag in panel

                 this.queuedBodySize = {width: w, height: h};
                 if(!this.queuedExpand && this.allowQueuedExpand !== false){
                     this.queuedExpand = true;
                 this.queuedBodySize = {width: w, height: h};
                 if(!this.queuedExpand && this.allowQueuedExpand !== false){
                     this.queuedExpand = true;


@@ -1677,6 +1679,12 @@ panel.load({
                 Ext.destroy(this.tools[k]);
             }
         }
                 Ext.destroy(this.tools[k]);
             }
         }

+        if(this.toolbars.length > 0){
+            Ext.each(this.toolbars, function(tb){
+                tb.un('afterlayout', this.syncHeight, this);
+                tb.un('remove', this.syncHeight, this);
+            }, this);
+        }

         if(Ext.isArray(this.buttons)){
             while(this.buttons.length) {
                 Ext.destroy(this.buttons[0]);
         if(Ext.isArray(this.buttons)){
             while(this.buttons.length) {
                 Ext.destroy(this.buttons[0]);