View Full Version : Layout bug when using form insde tabpanel

3 Feb 2012, 7:25 AM
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:

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?

3 Feb 2012, 7:37 AM
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.

3 Feb 2012, 11:12 AM
I discovered that the problem of this window wrong resize:


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;


3 Feb 2012, 11:14 AM
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?