Tabstrip autopostback=true causes to javascript error

3 posts, 0 answers
  1. Ravikumar
    Ravikumar avatar
    8 posts
    Member since:
    Feb 2009

    Posted 10 Feb 2010 Link to this post

    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
  2. Schlurk
    Schlurk avatar
    812 posts
    Member since:
    May 2009

    Posted 10 Feb 2010 Link to this post

    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.
  3. Ravikumar
    Ravikumar avatar
    8 posts
    Member since:
    Feb 2009

    Posted 10 Feb 2010 Link to this post

    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
Back to Top