X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..25ef3491bd9ae007ff1fc2b0d7943e6eaaccf775:/docs/source/GroupTabPanel.html
diff --git a/docs/source/GroupTabPanel.html b/docs/source/GroupTabPanel.html
index ad8c4168..5f05370b 100644
--- a/docs/source/GroupTabPanel.html
+++ b/docs/source/GroupTabPanel.html
@@ -1,10 +1,10 @@
-
-
- The source code
-
-
-
-
+
+
+ The source code
+
+
+
+
Ext.ns('Ext.ux');
Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
@@ -44,7 +44,7 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
this.on('beforeadd', function(gtp, item, index){
this.initGroup(item, index);
- });
+ });
},
initEvents : function() {
@@ -53,7 +53,6 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
onRender: function(ct, position){
Ext.TabPanel.superclass.onRender.call(this, ct, position);
-
if(this.plain){
var pos = this.tabPosition == 'top' ? 'header' : 'footer';
this[pos].addClass('x-tab-panel-'+pos+'-plain');
@@ -67,11 +66,11 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
var beforeEl = (this.tabPosition=='bottom' ? this.stripWrap : null);
this.strip = new Ext.Element(this.stripWrap.dom.firstChild);
- this.header.addClass('x-grouptabs-panel-header');
- this.bwrap.addClass('x-grouptabs-bwrap');
+ this.header.addClass('x-grouptabs-panel-header');
+ this.bwrap.addClass('x-grouptabs-bwrap');
this.body.addClass('x-tab-panel-body-'+this.tabPosition + ' x-grouptabs-panel-body');
- if (!this.itemTpl) {
+ if (!this.groupTpl) {
var tt = new Ext.Template(
'
',
'',
@@ -81,9 +80,8 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
);
tt.disableFormats = true;
tt.compile();
- Ext.ux.GroupTabPanel.prototype.itemTpl = tt;
+ Ext.ux.GroupTabPanel.prototype.groupTpl = tt;
}
-
this.items.each(this.initGroup, this);
},
@@ -109,8 +107,8 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
// private
findTargets: function(e){
- var item = null;
- var itemEl = e.getTarget('li', this.strip);
+ var item = null,
+ itemEl = e.getTarget('li', this.strip);
if (itemEl) {
item = this.findById(itemEl.id.split(this.idDelimiter)[1]);
if (item.disabled) {
@@ -161,7 +159,7 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
groupEl = this.getGroupEl(groupEl);
}
Ext.fly(groupEl).toggleClass('x-grouptabs-expanded');
- this.syncTabJoint();
+ this.syncTabJoint();
},
syncTabJoint: function(groupEl){
@@ -172,7 +170,7 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
groupEl = groupEl || this.getGroupEl(this.activeGroup);
if(groupEl) {
this.tabJoint.setHeight(Ext.fly(groupEl).getHeight() - 2);
-
+
var y = Ext.isGecko2 ? 0 : 1;
if (this.tabPosition == 'left'){
this.tabJoint.alignTo(groupEl, 'tl-tr', [-2,y]);
@@ -203,18 +201,17 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
},
initGroup: function(group, index){
- var before = this.strip.dom.childNodes[index];
- var p = this.getTemplateArgs(group);
+ var before = this.strip.dom.childNodes[index],
+ p = this.getTemplateArgs(group);
if (index === 0) {
p.cls += ' x-tab-first';
}
p.cls += ' x-grouptabs-main';
p.text = group.getMainItem().title;
- var el = before ? this.itemTpl.insertBefore(before, p) : this.itemTpl.append(this.strip, p);
-
- var tl = this.createCorner(el, 'top-' + this.tabPosition);
- var bl = this.createCorner(el, 'bottom-' + this.tabPosition);
+ var el = before ? this.groupTpl.insertBefore(before, p) : this.groupTpl.append(this.strip, p),
+ tl = this.createCorner(el, 'top-' + this.tabPosition),
+ bl = this.createCorner(el, 'bottom-' + this.tabPosition);
if (group.expanded) {
this.expandGroup(el);
@@ -227,8 +224,11 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
tl.setTop('-5px');
}
- this.mon(group, 'changemainitem', this.onGroupChangeMainItem, this);
- this.mon(group, 'beforetabchange', this.onGroupBeforeTabChange, this);
+ this.mon(group, {
+ scope: this,
+ changemainitem: this.onGroupChangeMainItem,
+ beforetabchange: this.onGroupBeforeTabChange
+ });
},
setActiveGroup : function(group) {
@@ -246,7 +246,7 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
if(oldEl){
Ext.fly(oldEl).removeClass('x-grouptabs-strip-active');
}
- this.activeGroup.fireEvent('deactivate', this.activeTab);
+ this.activeGroup.fireEvent('deactivate', this.activeGroup);
}
var groupEl = this.getGroupEl(group);
@@ -285,6 +285,6 @@ Ext.ux.GroupTabPanel = Ext.extend(Ext.TabPanel, {
}
});
-Ext.reg('grouptabpanel', Ext.ux.GroupTabPanel);
-
+Ext.reg('grouptabpanel', Ext.ux.GroupTabPanel);
+
\ No newline at end of file