Layout bug when using form insde tabpanel

[wallynm]

Hello everybody... Today i was trying to create a window with a form inside it, as the form has too many inputs, i put it inside a tabpanel to keep the things clear... But i had some bugs with it...

This link you can check the problem:
http://jsfiddle.net/wallysson/vJgeg/

Simple steps:
1. Click on the button
2. Close the window
3. Click on the button again...

IT Should execute the Ext.create again, but i think it isn't doing that... I think that he's tryng to use some trash left from the last window...

Well... I thought to change the property closeAction to hide, but i don't wanna to change it because i would need to clear all the data everytime the user close the window... Also i think it's better destroy the window, so the browser don't keep any html trash on it...

Anyone could help?

[mitchellsimoens]

When you press the close icon, it destroys the window but you are trying to simply do a window.show() but the window is destroyed. You need to recreate the window if you are going to destroy it.

[wallynm]

I discovered that the problem of this window wrong resize:
example1.png

example.png

was related with this window configuration...
After remove it, my window its been reconfigured nicelly...

initComponent: function() {
        if(this.alias != undefined){
            // Gera os ids baseado no alias da classe
            var idName = String(this.alias[0]).split('.')[1];

            //this.id = idName;
            this.itemId = idName;
            this.stateId = idName;
            
            console.warn(this.id)
        }
        this.callParent(arguments);
    }

[wallynm]

I think i can't set these propertys at the initComponent function...

this.id = idName;
this.itemId = idName;
this.stateId = idName;

Or it should had no trouble?