[CLOSED] FormPanel in a Tabpanel

[ilanga]

Hi,

I have a data capturing form that comprises a Tabpanel with two tabs. The each of the tabs contains a FormPanel that I am using to submit data to a gridpanel that is bound to a store which then does the final submissions to the database.
The form was working fine with Coolite version 0.8 community edition, but after we upgraded to EXT.NET version 1.0 professional edition it no longer functions as expected.

This is the exact problem from the analysis and debugging I have done. I am not able to access values from the formpanel in the second tab and it therefore gives me a javascript error saying 'object does not support this method or property' when execute the following javascript code from my page 'MyFormPanel2.form.loadRecord(record);' When i comment that line out, i receive no error but of course am not able to read my values from the formpanel. However the FormPanel in the first tab works fine and if I take out the first tab such that the second tab is the only tab in my form it works fine too.

Has anyone encountered such a problem and therefore knows how to solve it. Please assist, all comments and assistance are highly appreciated.

[ilanga]

Hi All,

I am yet to find a final solution with the Form but am still doing further tests and analysis. From my tests so far I think the main problem lies with the TabPanel and its Tabs. This is an issue that wasnt in coolite version 0.8 but I think was introduced in EXT.NET.

For the tabpanel, I have discovered that it initializes its child controls upon receiving focus or being selected i.e. if I open my new form to enter new records then i select each of the tabs without doing anything I can perform my desired functions without any errors, but if am only interested in capturing fields in the first tab only which means I wont click any other additional tabs, the form throws the javascript error I had mentioned before. It therefore isnt an issue that affects the FormPanel alone, it also affects any other child controls that are in the hidden tabs that you might attempt to access or set their values.

I have therefore been forced to write my javascript code as follows as a temporary work around.

MyTabPanel.setActiveTab('tab1');
MyTabPanel.setActiveTab('tab2');
MyWindow.show();

This ensures that all tabs have recieved some focus before the window finally opens and that seems to work for now. However it doesnt seem like a good solution and I didnt need to do that while using Coolite version 0.8 community edition.

All comments and assistance will be highly appreciated.

[geoffrey.mcgill]

The following thread may provide some related information, see

http://forums.ext.net/showthread.php...ll=1#post40518

Maybe setting DeferredRender="false" on the <ext:TabPanel> will help.

If none of this helps, please post a code sample demonstrating how we can reproduce the problem locally.

[ilanga]

Thanx a lot Geoffrey, that solves the problem.