[CLOSED] How to stop Activate event of tab for tabpanel while page load?

[rnachman]

Hi,

In a webpage I have placed one tabpanel which contains 5 tabs. I need a functionality like each tab activate event will load different page except last tab (5th one). While loading the tab panel only last tab need to activate. It means clicking on tab1 the Page1.aspx needs to load, clicking on tab2 the Page2.aspx needs to load, similarly for tab3, tab4. Only the last tab will not move to any other page, it loads some controls in same page.

While loading the page always loading Page1.aspx, because tab activate event on tab1 is firing while loading TabPanel page.

The sample code I have added as below...

<ext:TabPanel ID="tabSections" runat="server" Title="TabPanel"
                        Region="Center">
                        <Items>
<ext:Panel ID="pnlTab1" runat="server" Title="Tab1" BodyStyle="background-color:#ffffff"
                                Border="false" MonitorResize="true" AutoDoLayout="true">
                                <DirectEvents>
                                    <Activate OnEvent="OpenTab1Page">
                                        <EventMask ShowMask="true" MinDelay="150" Msg="Loading..." />
                                    </Activate>
                                </DirectEvents>
                            </ext:Panel>
<ext:Panel ID="pnlTab2" runat="server" Title="Tab2" BodyStyle="background-color:#ffffff"
                                Border="false" MonitorResize="true" AutoDoLayout="true">
                                <DirectEvents>
                                    <Activate OnEvent="OpenTab2Page">
                                        <EventMask ShowMask="true" MinDelay="150" Msg="Loading..." />
                                    </Activate>
                                </DirectEvents>
                            </ext:Panel>
<ext:Panel ID="pnlTab3" runat="server" Title="Tab3" BodyStyle="background-color:#ffffff"
                                Border="false" MonitorResize="true" AutoDoLayout="true">
                                <DirectEvents>
                                    <Activate OnEvent="OpenTab3Page">
                                        <EventMask ShowMask="true" MinDelay="150" Msg="Loading..." />
                                    </Activate>
                                </DirectEvents>
                            </ext:Panel>
<ext:Panel ID="pnlTab4" runat="server" Title="Tab4" BodyStyle="background-color:#ffffff"
                                Border="false" MonitorResize="true" AutoDoLayout="true">
                                <DirectEvents>
                                    <Activate OnEvent="OpenTab4Page">
                                        <EventMask ShowMask="true" MinDelay="150" Msg="Loading..." />
                                    </Activate>
                                </DirectEvents>
                            </ext:Panel>
<ext:Panel ID="pnlTab5" runat="server" Title="Tab5 BodyStyle="background-color:#ffffff"
                                Border="false" MonitorResize="true" AutoDoLayout="true">                                
                            </ext:Panel>
</Items>
</ext:Panel>

[Daniil]

Hi,

You can ignore the first Activate event firing. Something like this:

<Activate OnEvent="OpenTab1Page" Before="if (!this.wasFirstActivate) { this.wasFirstActivate = true; return false; }">