hi


There is a solution for multiline tabpanel here. but it writted and respone in ext.js 2.x.
Can any one to help to rewrite this solution. I rewrite some parts but, it's not working know. I put my rewrite code:
Ext.namespace("Ext.ux");
Ext.ux.MultiRowTabPanel = Ext.extend(Ext.TabPanel, {
onResize: function () {
Ext.ux.MultiRowTabPanel.superclass.onResize.apply(this, arguments);


if (this.multipleRows && this.rendered) {
var ce = this.tabPosition != 'bottom' ? 'header' : 'footer';
//var aw = this[ce].dom.clientWidth; //RF:
var aw = this.tabBar.el.dom.clientWidth;
if (aw) {
//this.strip.setWidth(aw - 4); //RF:
this.tabBar.strip.setWidth(aw - 4);

}
}
this.delegateUpdates();
},


delegateUpdates: function () {
if (this.suspendUpdates) {
return;
}
if (this.resizeTabs && this.rendered) {
this.autoSizeTabs();
}
if (!this.multipleRows && this.enableTabScroll && this.rendered) {
this.autoScrollTabs();
}
if (this.multipleRows && this.rendered) {
this.fixHeight();
}
},


fixHeight: function () {
var ce = this.tabPosition != 'bottom' ? 'header' : 'footer';
//var ah = this[ce].dom.clientHeight; //RF
var ah = this.tabBar.el.dom.clientHeight; // Get the real height of Tab rows (query DOM)


if (!this.tabBar.lastBox.height)
this.tabBar.lastBox.height = ah;


// Check if the height of Tab rows has been changed since the last time
// (e.g. new row was added or the row was deleted)
if (this.tabBar.lastBox.height != ah) {
var diff = ah - this.tabBar.lastBox.height; // calculate a difference in height between current and previous values
this.tabBar.lastBox.height = ah; // save the current height of Tab rows for the next reference
this.lastSize = null; //forces recalc
this.tabBar.setHeight(this.getSize().height - diff); // Adjust the height of the client area
}
}




});
please help me to complete and repair above code base on older version from here or any other methods.