Loading panel doesnt disappear on Radtab strip

2 posts, 0 answers
  1. Meera
    Meera avatar
    12 posts
    Member since:
    Aug 2012

    Posted 23 Mar 2012 Link to this post

    I have a masterpage in which I am loading a page.Masterpage contains RadScriptManager.
    In the page,I have a listbox and and radtabstrip, whcih again has grid on 1 page and a label on another page.
    When I click on listbox, I want to apply loadingpanel on radtabstrip.

    <
    asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Panel runat="server" ID="pnlMain" ScrollBars="Horizontal">
                    <telerik:radlistbox id="lstTables" runat="server" selectionmode="Single" onselectedindexchanged="lstTables_OnSelectedIndexChanged"
                        autopostback="true">
                                </telerik:radlistbox>
                    <asp:Panel ID="Panel1" runat="server" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px"
                        >
                        <telerik:radajaxpanel id="RadAjaxPanel1" runat="server" loadingpanelid="RadAjaxLoadingPanel1">
                                <Telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="MultiplePages"
                                    AutoPostBack="true" SelectedIndex="0">
                                    <Tabs>
                                        <Telerik:RadTab PageViewID="pgEmployee" Text="Employee">
                                        </Telerik:RadTab>
                                        <Telerik:RadTab PageViewID="pgHomeAddress" Text="HomeAddress">
                                        </Telerik:RadTab>
                                         
                                    </Tabs>
                                </Telerik:RadTabStrip>
      
                                <Telerik:RadMultiPage ID="MultiplePages" runat="server" AutoPostBack="true" RenderSelectedPageOnly="false" SelectedIndex="0">
                                  <Telerik:RadPageView ID="pgEmployee" runat="server">
                                        <Telerik:RadGrid runat="server" ID="grdEmployee" EnableAJAX="True" EnableNoRecordsTemplate="True"
                                            GroupingEnabled="false" GridLines="Both" AllowSorting="True" ShowStatusBar="true">
                                            <ClientSettings Scrolling-AllowScroll="true">
                                            </ClientSettings>
                                            <ItemStyle Wrap="false" />
                                        </Telerik:RadGrid>
                                    </Telerik:RadPageView>
                                     <Telerik:RadPageView ID="pgHomeAddress" runat="server">
                                        <asp:Label ID="lblAddress" runat="server" Font-Size="Medium"></asp:Label>
                                    </Telerik:RadPageView>
                                    
                                </Telerik:RadMultiPage>
                                </telerik:radajaxpanel>
                    </asp:Panel>
                </asp:Panel>
                <telerik:radajaxloadingpanel id="RadAjaxLoadingPanel1" runat="server" initialdelaytime="0"></telerik:radajaxloadingpanel>
                <telerik:radajaxmanagerproxy id="AjaxManagerProxy2" runat="server">
              
             <AjaxSettings>
             <telerik:AjaxSetting AjaxControlID="grdEmployee">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="grdEmployee" />
                </UpdatedControls>
            </telerik:AjaxSetting>
              <telerik:AjaxSetting AjaxControlID="lstTables">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                    <telerik:AjaxUpdatedControl ControlID="MultiplePages" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
      
              
              
        </AjaxSettings>
      
        </telerik:radajaxmanagerproxy>
            </ContentTemplate>
        </asp:UpdatePanel>
    </asp:Content>

    So the problems are
    1> For the first time when I click on list item, it doesnt show loading panel.
    2>When I click on second tab in strip it shows the loading panel, which doesnt disappear.
    3>Still if I change the tab, page hangs, showing 3 loading panels.

    I referred following links

    http://demos.telerik.com/aspnet-ajax/ajax/examples/manager/firstlook/defaultcs.aspx

    http://demos.telerik.com/aspnet-ajax/ajax/examples/manager/usercontrol/defaultcs.aspx



    Any idea why it is happening?
  2. Eyup
    Admin
    Eyup avatar
    3962 posts

    Posted 27 Mar 2012 Link to this post

    Hi,

    Using multiple wrapped RadAjax panels, along with UpdatePanel or with RadAjaxManager (as well as using RadAjaxPanel in RadAjaxManager settings) is not a supported scenario and we highly recommend to avoid such implementation. 
    This is actually the cause of the problem in your case.To solve it you have to remove the update panel and the ajax manager and use single RadAjaxPanel to wrap the whole page content, which is completely enough to achieve your desired scenario.
    I have attached the modified version of your sample code. You can change it according to your preferences. Note that I have added MinDisplayTime="1000" to the loading panel for the example.
    For more information how to ajaxify RadMultiPage and RadTabStrip controls you can refer to this article.
    I hope this helps.

    Greetings,
    Eyup
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top