[CLOSED] tab/Panel autoheight not working

[otouri]

Thank you, that worked for the sample code,

I am trying to implent this solution on the original code but my problem is that the code inside the panel is under a usercontrol page (ASCX) (Which has the grid panel) when I try to access tab 2 that is in the ASPX from the usercontrol ASCX page, i get a javascript error:

Microsoft JScript runtime error: Unable to get value of the property 'doLayout': object is null or undefined

[geoffrey.mcgill]

Please post an updated sample. This will help us avoid having to guess what might be going wrong.

Please simplify you sample down to the ABSOLUTE minimum required to reproduce the problem. Less than 100 lines of code would be appreciated.

[otouri]

I am still tweaking the sample code to rerproduce the same error.

Quick question: Does app in app.tab2.DoLayout() represent page? if so how can we access IDs from parent page?

[Daniil]

Quick question: Does app in app.tab2.DoLayout() represent page?

Not a page. "App" is the default Ext.NET namespace. It is shared in the global object, i.e. window. Fully write:

window.App.Tab2

Please note that "App" is uppercase, doLayout() is lowercase. JavaScript is a case-sensitive language.

if so how can we access IDs from parent page?

This way:

parent.App.Tab2.doLayout();

[otouri]

mmmm I have tried that last night and i didn't work as well.

I believe that my problem is that my page inherits from a master page and my <form> is declared in the Master page.
Here is Why:

1. When I implemented you solution in my sample code without inheritance to the master, your solution worked perfectly.
2. When I add inheritence to my master page in the sample code, your soplution stops working. and I receive the same javascript error message.

I am not sure why i get this error.
Please help this issue is a show stopper for a major production release.

[Daniil]

Please try

#{Tab2}.doLayout();

#{} syntax resolves the ID.

Just if a control is added to an INamingContainer, then its client id doesn't equal the server ID.

[otouri]

Thank you, thank , thank you. that solved the problem

[Daniil]

It is nice to help you!

Please note that posting a runnable sample to reproduce in the initial post would solve your problem in a moment;)

[otouri]

thank you.

Just curious for this scenario you have suggested to use a listener on the store and trigger the doLayout() javascript method on the Load attribute.

What if we had a grid panel that had an insert record functionnality what attribute will you use? will you still use Load?

The grid panel will strech automatically as you insert the record what about the panel?

[Daniil]

What if we had a grid panel that had an insert record functionnality what attribute will you use? will you still use Load?

Probably, the DataChanged event is what you need.
http://docs.sencha.com/ext-js/4-1/#!...nt-datachanged

The grid panel will strech automatically as you insert the record what about the panel?

Yes, the GridPanel will be adjusted automatically, but the Panel, I think, won't in your scenario.