[CLOSED] JavaScript error with MultiSelect inside BorderLayout and TabPanel

[martin.mosimann]

The attached example throws a javascript error (Microsoft JScript runtime error: 'this.view' is null or not an object) on validation of the FormPanel. Actually it's the MultiSelect control inside the second Tab of the TabPanel that throws the error. If the MultiSelect is placed inside the first Tab or if the second Tab has been activated before validation of the FormPanel, then everything works fine.


With a similar configuration I also had the error on initial load of the window (not only on validation). Any ideas?


Cheers, Martin

[Vladimir]

Hi,

The problem related is that TabPanel doesn't render tab's controls until tab's activation. To solve the problem you can set for TabPanel

DeferredRender="false" LayoutOnTabChange="true"

Also we have fixed that MultiSelect's issue and your example should works without above properties (but if you want to get selected indexes, add/remove css styles and etc for MultiSelect in inactive tabwhich is not activated yet then those tabpanel's properties are required)

[martin.mosimann]

Hi Vladimir

Thanks, your suggestion with the two properties eliminates the problem with the MultiSelect control but creates a new rendering issue with a ComboBox control also on the second Tab of a TabPanel. The width of the ComboBox and it's items gets lost (see the attached screenshot). Actually the ComboBox is set to be equal width (150px) with the other controls on the selected Tab.

[Vladimir]

Hi,

See
http://forums.ext.net/showthread.php...8772-16-1.aspx