-<html>\r
-<head>\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
+<html>
+<head>
+ <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.ns('Ext.ux');\r
\r
Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {\r
\r
this.on('beforeadd', function(gtp, item, index){\r
this.initGroup(item, index);\r
- }); \r
+ }); \r
},\r
\r
initEvents : function() {\r
\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
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
);\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
\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
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
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
},\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
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
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
}\r
});\r
\r
-Ext.reg('grouptabpanel', Ext.ux.GroupTabPanel);</pre> \r
-</body>\r
+Ext.reg('grouptabpanel', Ext.ux.GroupTabPanel);</pre>
+</body>
</html>
\ No newline at end of file