Programatically removing a tab in a tabcontainer does not work

[vorun]

The makeTab function is from the test_TabContainer.html page.

function makeTab()
{
var tc = dijit.byId("mainTabContainer");
var cp = new dijit.layout.ContentPane
({ 
title: 'Programmatically created tab ' + (progTabCounter++) , 
closable: true
});
cp.domNode.innerHTML = "I was created programmatically!";
tc.addChild(cp, 0);
}

I added this function to remove the current selectedChildWidget

function removeTab()
{
var tc = dijit.byId("mainTabContainer");
tc.removeChild(tc.selectedChildWidget);
}

[bill]

You need to attach test cases to all your tickets using the "Attach File" button. Thanks.

[tyfoo]

I know this is 3 years in the past, but I was just having a similar problem (I think), and hopefully others who hit this page can benefit from this tidbit.

When you programmatically remove a child from the tab container, the child still exists in memory (if you do dijit.byId('tab-id'), you can see that it is still there).

For me, the error occurred when I tried to re-create the child that I had removed previously, since it still exists.

So instead of just removing it from the tab container, you have to both remove it and destroy the dijit object.

tc.removeChild(tc.getChildren()[0]);
dijit.byId('tab-id').destroy();

Hope this helps.