By: LeslieM

LeslieM — Mon, 01 Feb 2010 23:29:04 +0000

Correction! Turns out my issues were all due to bugs in Ext 3.0.3. Ext 3.1.0 works fine without requiring deferredRender : false.

There was a bug in my previous logic, too:

tpItem.title = “RENAMED”;
–>
tpItem.setTitle(”RENAMED”);

By: LeslieM

LeslieM — Mon, 01 Feb 2010 18:42:28 +0000

I hoped that adding simple logic to rename or delete a tab would just work to extend this example. However if you add logic to remove all tabs, then once new tabs are added back in they will show up but nothing will appear in the contents. Also renaming a tab will not work.

The solution is to add deferredRender : false to the tabpanel config.

Test cases – add these to the toolbar:

{
text:"Remove all tabs"
,handler:function() {
var tp = win.items.itemAt(0);
var tab = tp.removeAll();
}
and
{
text:"Rename 2nd tab"
,handler:function() {
var tp = win.items.itemAt(0);
var tpItem = tp.items.itemAt(1);
alert("current title=" + tpItem.title);
tpItem.title = "RENAMED";
tp.doLayout(false,true);
}

Comments on: New Example – How To Dynamically Add Tabs To TabPanel

By: LeslieM

By: LeslieM