new window from tab is aligned badly

[[email protected]]

Hello,
I have a tab panel with my tabs and I'd like to popup a window once the user click on a particular tab button.

What i do is to create a new window and then show it.

var win = Ext.create(Myapp.view.MyWindow);
win.show();

Above is the code i call. I have two different behaviour. If a button inside the screen is executing such code, the window is created in the right position: in the center.
If the code is called on a "activate" event of a tab, the window is created far under the page.

what could i do to show the window in the center once "show" is called?

[bjdurham85]

Hi--,

You could be running into some race conditions with it being rendered. Could you call the show within a defer?

http://docs.sencha.com/extjs/6.2.0/c...l#method-defer

Bryan

[EPV]

Where do you render the window?

https://docs.sencha.com/extjs/6.2.1/...ow.Window.html
By default, Windows will be rendered to document.body. To constrain a Window to another element specify renderTo.

Also, you can add the window to a another container (which often gives you other benefits, like in garbage collection).

myTabPanel.add(win)

Good luck /Emil

[[email protected]]

Actually, after several tries, i found out a easy solution.

after render the window, i simply call its method "center".
and the window is centered.

A trivial solution, still wondering why i have to do so. But it works.
Thanks for the support.