Upgrade to ExtJS 3.0.3 - Released 10/11/2009

[extjs.git] / examples / ux / GroupTabPanel.js

diff --git a/examples/ux/GroupTabPanel.js b/examples/ux/GroupTabPanel.js
index a4e074e..8033b7e 100644 (file)
--- a/examples/ux/GroupTabPanel.js
+++ b/examples/ux/GroupTabPanel.js
@@ -1,5 +1,5 @@
 /*!
- * Ext JS Library 3.0.0
+ * Ext JS Library 3.0.3
  * Copyright(c) 2006-2009 Ext JS, LLC
  * licensing@extjs.com
  * http://www.extjs.com/license
@@ -43,7 +43,7 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
         \r
         this.on('beforeadd', function(gtp, item, index){\r
             this.initGroup(item, index);\r
-        });                 \r
+        });          \r
     },\r
     \r
     initEvents : function() {\r
@@ -52,7 +52,6 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
         \r
     onRender: function(ct, position){\r
         Ext.TabPanel.superclass.onRender.call(this, ct, position);\r
-\r
         if(this.plain){\r
             var pos = this.tabPosition == 'top' ? 'header' : 'footer';\r
             this[pos].addClass('x-tab-panel-'+pos+'-plain');\r
@@ -66,11 +65,11 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
         var beforeEl = (this.tabPosition=='bottom' ? this.stripWrap : null);\r
         this.strip = new Ext.Element(this.stripWrap.dom.firstChild);\r
 \r
-               this.header.addClass('x-grouptabs-panel-header');\r
-               this.bwrap.addClass('x-grouptabs-bwrap');\r
+        this.header.addClass('x-grouptabs-panel-header');\r
+        this.bwrap.addClass('x-grouptabs-bwrap');\r
         this.body.addClass('x-tab-panel-body-'+this.tabPosition + ' x-grouptabs-panel-body');\r
 \r
-        if (!this.itemTpl) {\r
+        if (!this.groupTpl) {\r
             var tt = new Ext.Template(\r
                 '<li class="{cls}" id="{id}">', \r
                 '<a class="x-grouptabs-expand" onclick="return false;"></a>', \r
@@ -80,9 +79,8 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
             );\r
             tt.disableFormats = true;\r
             tt.compile();\r
-            Ext.ux.GroupTabPanel.prototype.itemTpl = tt;\r
+            Ext.ux.GroupTabPanel.prototype.groupTpl = tt;\r
         }\r
-\r
         this.items.each(this.initGroup, this);\r
     },\r
     \r
@@ -108,8 +106,8 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
         \r
     // private\r
     findTargets: function(e){\r
-        var item = null;\r
-        var itemEl = e.getTarget('li', this.strip);\r
+        var item = null,\r
+            itemEl = e.getTarget('li', this.strip);\r
         if (itemEl) {\r
             item = this.findById(itemEl.id.split(this.idDelimiter)[1]);\r
             if (item.disabled) {\r
@@ -160,7 +158,7 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
             groupEl = this.getGroupEl(groupEl);\r
         }        \r
         Ext.fly(groupEl).toggleClass('x-grouptabs-expanded');\r
-               this.syncTabJoint();\r
+        this.syncTabJoint();\r
     },    \r
     \r
     syncTabJoint: function(groupEl){\r
@@ -171,7 +169,7 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
         groupEl = groupEl || this.getGroupEl(this.activeGroup);\r
         if(groupEl) {\r
             this.tabJoint.setHeight(Ext.fly(groupEl).getHeight() - 2); \r
-                       \r
+            \r
             var y = Ext.isGecko2 ? 0 : 1;\r
             if (this.tabPosition == 'left'){\r
                 this.tabJoint.alignTo(groupEl, 'tl-tr', [-2,y]);\r
@@ -202,18 +200,17 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
     },\r
     \r
     initGroup: function(group, index){\r
-        var before = this.strip.dom.childNodes[index];        \r
-        var p = this.getTemplateArgs(group);\r
+        var before = this.strip.dom.childNodes[index],   \r
+            p = this.getTemplateArgs(group);\r
         if (index === 0) {\r
             p.cls += ' x-tab-first';\r
         }\r
         p.cls += ' x-grouptabs-main';\r
         p.text = group.getMainItem().title;\r
         \r
-        var el = before ? this.itemTpl.insertBefore(before, p) : this.itemTpl.append(this.strip, p);\r
-        \r
-        var tl = this.createCorner(el, 'top-' + this.tabPosition);\r
-        var bl = this.createCorner(el, 'bottom-' + this.tabPosition);\r
+        var el = before ? this.groupTpl.insertBefore(before, p) : this.groupTpl.append(this.strip, p),\r
+            tl = this.createCorner(el, 'top-' + this.tabPosition),\r
+            bl = this.createCorner(el, 'bottom-' + this.tabPosition);\r
 \r
         if (group.expanded) {\r
             this.expandGroup(el);\r
@@ -226,8 +223,11 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
             tl.setTop('-5px');\r
         }\r
 \r
-        this.mon(group, 'changemainitem', this.onGroupChangeMainItem, this);\r
-        this.mon(group, 'beforetabchange', this.onGroupBeforeTabChange, this);\r
+        this.mon(group, {\r
+            scope: this,\r
+            changemainitem: this.onGroupChangeMainItem,\r
+            beforetabchange: this.onGroupBeforeTabChange\r
+        });\r
     },\r
     \r
     setActiveGroup : function(group) {\r
@@ -245,7 +245,7 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
                 if(oldEl){\r
                     Ext.fly(oldEl).removeClass('x-grouptabs-strip-active');\r
                 }\r
-                this.activeGroup.fireEvent('deactivate', this.activeTab);\r
+                this.activeGroup.fireEvent('deactivate', this.activeGroup);\r
             }\r
 \r
             var groupEl = this.getGroupEl(group);\r