Question

I create a panel with:

oMainView = Ext.create('My.panel.view');

I store oMainView to an object to add this panel again later!

Then I add oMainView to my DOM via add():

// Div to put it in
var oWindowDiv = Ext.get( strStartDiv );
// Container to hold it
var oContainer = Ext.create( 'Ext.container.Container', {
         id        : 'findMe',
         layout    : 'fit',
         renderTo  : oWindowDiv,
         autoRender: true
      });
oContainer.add(oMainView);

Later then, our framework deletes all these Divs on minimizing. No page refresh. So on maximize I want to add oMainView, which I have stored, in the same manner.

This works perfectly in FF and Chrome. But Internet Explorer (7, 8, 9) fails to render the panel. It only renders the empty HTML element.

What is the problem?

PS. I dont want to re-create the panel! Just adding again to the container.

---

Edit: The problem must be with the created panel object. Because adding a fresh test panel works:

oTest = Ext.create('Ext.panel.Panel', {
               title: 'Test',
               html: 'Text'
            });

But adding this stored up panel does not work, there is also no error. The Div just stays empty.

Answer 1

After a couple of days now finally the solution:

Right before the Ext container gets removed from DOM, I needed to call .removeAll(false);.