PDA

View Full Version : Layout bug when using form insde tabpanel



wallynm
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:
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
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.

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

31351

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
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?