Oct 29, 2013, 2:32 PM
[CLOSED] TabPanel Frame loading issue
We have a TabPanel which we use to load several pages in frame mode. The first tab contains some usercontrols to be loaded when the page is shown. Whenever we open the 2nd tab (OrganisatieTabLinks in the example) first, it becomes impossible to access any of the other tabs. It just shows the content of the 2nd tab. If we start on any other tab, everything works as expected. I suspect something goes wrong in the rendering phase, because when I check the HTTP requests the correct pages seem to be retrieved, they are just never rendered. We have this issue on alll our pages that use the TabPanel in a similar way as the code below:
<ext:TabPanel ID="OrganisatieTabPanel" runat="server" ActiveTabIndex="0" border="false" BodyBorder="0">
<Items>
<ext:Panel ID="OrganisatieTabGegevens" runat="server" BodyPadding="6" Border="false">
<Items>
<ext:Panel ID="PanelGegevensGegevens" runat="server" Border="false">
<Content>
<Organisatie:Gegevens runat="server" ID="OrganisatieGegevens" />
</Content>
</ext:Panel>
<ext:Panel ID="PanelGegevensForm" runat="server" Border="false">
<Content>
<Organisatie:Form runat="server" ID="OrganisatieForm" />
</Content>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="OrganisatieTabLinks" runat="server" BodyPadding="6" Border="false" Height="500" OverflowX="Hidden" OverflowY="Hidden">
<Loader ID="Loader2" runat="server" Url="~/Pages/UIOrganisatie/Links.aspx" Mode="Frame">
<LoadMask ShowMask="true" />
<Params>
<ext:Parameter Mode="Raw" Name="id" Value="Horeca.getCurrentFrame().Horeca.state.current_organisation" />
</Params>
</Loader>
</ext:Panel>
<ext:Panel ID="OrganisatieTabPersonen" runat="server" BodyPadding="6" Border="false" Height="500" OverflowX="Hidden" OverflowY="Hidden">
<Loader ID="Loader3" runat="server" Url="~/Pages/UIOrganisatie/Personen.aspx" Mode="Frame">
<LoadMask ShowMask="true" />
<Params>
<ext:Parameter Mode="Raw" Name="id" Value="Horeca.getCurrentFrame().Horeca.state.current_organisation" />
</Params>
</Loader>
</ext:Panel>
<ext:Panel ID="OrganisatieTab50PlusBedrijf" runat="server" BodyPadding="6" Border="false">
<Loader ID="Loader4" runat="server" Url="">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
<ext:Panel ID="OrganisatieTabSpecialeOpleidingen" runat="server" BodyPadding="6" Border="false">
<Loader ID="Loader5" runat="server" Url="">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
<ext:Panel ID="OrganisatieTabPremies" runat="server" BodyPadding="6" Border="false">
<Loader ID="Loader6" runat="server" Url="">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
<ext:Panel ID="OrganisatieTabAcreditatie" runat="server" BodyPadding="6" Border="false">
<Loader ID="Loader7" runat="server" Url="">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
<ext:Panel ID="OrganisatieTabDiensten" runat="server" BodyPadding="6" Border="false">
<Loader ID="Loader8" runat="server" Url="">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
<ext:Panel ID="OrganisatieTabInteracties" runat="server" BodyPadding="6" Border="false">
<Loader ID="Loader9" runat="server" Url="">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
<ext:Panel ID="OrganisatieTabNotas" runat="server" BodyPadding="6" Border="false" Height="500" OverflowX="Hidden" OverflowY="Hidden">
<Loader ID="Loader1" runat="server" Url="~/Pages/UIOrganisatie/Notas.aspx" Mode="Frame">
<LoadMask ShowMask="true" />
<Params>
<ext:Parameter Mode="Raw" Name="id" Value="Horeca.getCurrentFrame().Horeca.state.current_organisation" />
</Params>
</Loader>
</ext:Panel>
</Items>
</ext:TabPanel>
Last edited by Daniil; Nov 04, 2013 at 5:05 AM.
Reason: [CLOSED]