Tabstrip autopostback=true causes to javascript error

[Ravikumar]

Hi,

I am using RadTabStrip in my page. I have 4 tabs in my page. When i set autopostback=false every thing is working fine. I Want to make a server call on click of second tab and i want to fetch that tab specific data from DB.

To achieve this i set autopostback property to true and tried to catch the event. But onclick of the second tab, the tab is empty and there is a javascript error as in the attached file. I Could not trace whats the issue is :(
Please help me ASAP.

Regards,
Ravikumar.P

[Schlurk]

Would you be able to post the ASPX declaration for your TabStrip? It would seem like there might be something in the setup of the tab content etc. that could be leading to this error.

[Ravikumar]

Hi Schlurk ,

Thanks for the immediate response.

I found the root cause. If i remove Update panel's update mode from "Always" to "Conditional" It is working otherwise the issue remains same.

Please find ASPX declaration of TabStrip below.

<telerik:radajaxpanel runat="server" id="RadAjaxPanel1">
                <telerik:RadTabStrip ID="TabIP" runat="server" MultiPageID="RadMultiPage1" ClickSelectedTab="true" ValidationGroup="UpdateValidationGroup"
                    SelectedIndex="0" skin="WebBlue" AutoPostBack="true">
                    <Tabs>
                        <telerik:RadTab PageViewID="RadPageGeneral" Text="General" runat="server"></telerik:RadTab>
                        <telerik:RadTab PageViewID="RadPageRoyaltyTerms" Text="Royalty Terms" runat="server"></telerik:RadTab>
                        <telerik:RadTab PageViewID="RadPageContacts" Text="Contacts" runat="server"></telerik:RadTab>
                        <telerik:RadTab PageViewID="RadPageDocuments" Text="Documents" runat="server"></telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
                <telerik:RadPageView ID="RadPageGeneral" runat="server">
                    <asp:UpdatePanel ID="upnlGeneral" runat="server" UpdateMode="Always">
                        <ContentTemplate>
                            <input id="hidLicenseePickerVal" runat="server" type="hidden" />
                            <rms:RMSPanel ID="pnlGeneral" runat="server" CssClass="pagePanel" Style="height: 440px;">
                                <input runat="server" id="hdnOneTimeLicenseFee" type="hidden" />                                
                            </rms:RMSPanel>
                            <ajaxToolkit:RoundedCornersExtender ID="RCPnlGeneral" runat="server" SkinID="RoundedCornersExtenderSkin"
                                TargetControlID="pnlGeneral" Radius="8" Corners="Bottom">
                            </ajaxToolkit:RoundedCornersExtender>
                        </ContentTemplate>
                        <Triggers>
                        </Triggers>
                    </asp:UpdatePanel>                
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageRoyaltyTerms" runat="server">            
                    <asp:UpdatePanel ID="UpnlRoyalty" runat="server" UpdateMode="Always">
                        <ContentTemplate>
                            <input type="hidden" runat="server" value="0" id="hdfldPeriodicFlateFee" />
                            <rms:RMSPanel ID="pnlRoyalty" runat="server" CssClass="ContractSpecificPanelStyle">
                                <rms:RMSPanel ID="pnlRoyaltyHeading" runat="server" CssClass="ContractSpecificPanelStyle"
                                    BorderStyle="None">
                                </rms:RMSPanel>                                
                            </rms:RMSPanel>
                            <ajaxToolkit:RoundedCornersExtender ID="RCPnlRoyalty" runat="server" SkinID="RoundedCornersExtenderSkin"
                                TargetControlID="pnlRoyalty" Radius="8" Corners="Bottom">
                            </ajaxToolkit:RoundedCornersExtender>
                        </ContentTemplate>
                        <Triggers>
                        </Triggers>
                    </asp:UpdatePanel>               
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageContacts" runat="server">          
                    <asp:UpdatePanel ID="UpnpnlContact" runat="server" UpdateMode="Always">
                        <ContentTemplate>
                            <rms:RMSPanel ID="pnlContact1" runat="server" CssClass="pagePanel" Style="height: 500px">
                            </rms:RMSPanel>
                            <ajaxToolkit:RoundedCornersExtender ID="RCPnlContact" runat="server" SkinID="RoundedCornersExtenderSkin"
                                Corners="Bottom" Radius="8" TargetControlID="pnlContact1">
                            </ajaxToolkit:RoundedCornersExtender>
                        </ContentTemplate>
                        <Triggers>
                        </Triggers>
                    </asp:UpdatePanel>              
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageDocuments" runat="server">            
                    <rms:RMSPanel ID="pnlDocuments" runat="server" Height="720px" Style="margin-bottom: 10px">
                        <rms:RMSPanel ID="pnlMainDocUploadcontrol" runat="server">
                        </rms:RMSPanel>
                        <asp:UpdatePanel ID="upnlMainDocUploadcontrol" runat="server" UpdateMode="Always">
                            <ContentTemplate>
                                <rms:RMSPanel ID="pnlMainDocGrid" runat="server">
                                </rms:RMSPanel>
                            </ContentTemplate>
                        </asp:UpdatePanel>                        
                    </rms:RMSPanel>
                    <ajaxToolkit:RoundedCornersExtender ID="RCPnlDocuments" runat="server" SkinID="RoundedCornersExtenderSkin"
                        Corners="Bottom" Radius="8" TargetControlID="pnlDocuments">
                    </ajaxToolkit:RoundedCornersExtender>                
        </telerik:RadPageView>
            </telerik:RadMultiPage>
            </telerik:radajaxpanel>



regards,
Ravikumar.P