Loading panel not showing for AjaxUpdatedControl

[Rick D]

I have the following setup on my page (an AjaxManager, a grid, and panel with a button in it):

<telerik:radajaxmanager id="RadAjaxManager1" runat="server">
    <ajaxsettings>
    <telerik:AjaxSetting AjaxControlID="RadGrid1">
        <UpdatedControls>
            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
            <telerik:AjaxUpdatedControl ControlID="pnlTabs" />
        </UpdatedControls>
    </telerik:AjaxSetting>
    <telerik:AjaxSetting AjaxControlID="btnReset" >
        <UpdatedControls>
            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
            <telerik:AjaxUpdatedControl ControlID="pnlTabs" LoadingPanelID="RadAjaxLoadingPanel1"  />
        </UpdatedControls>
    </telerik:AjaxSetting>
</ajaxsettings>
</telerik:radajaxmanager>
<telerik:radajaxloadingpanel id="RadAjaxLoadingPanel1" runat="server" transparency="30"
    backcolor="#E0E0E0" initialdelaytime="500">
    <asp:Image ID="imgLoading" Style="margin-top: 100px" runat="server" ImageUrl="~/Images/Loading.gif"
        BorderWidth="0px" AlternateText="Loading" />
</telerik:radajaxloadingpanel>

<asp:Panel ID="pnlRadGrid" runat="server">
    <telerik:RadGrid ID="RadGrid1" runat="server">
    ...
    </telerik:RadGrid>
</asp:Panel>

<asp:Panel ID="pnlTabs" runat="server">
    <asp:Button ID="btnReset" runat="server" />
    ...(Telerik Tabs/MultiView containing user controls)
</asp:Panel>

When I select an item from the grid (SelectedIndexChanged event fires), the pnlTabs becomes visible and the grid is overlaid with the loading panel.  So that part works fine.

However, when I click the "Reset" button, the loading is not displayed on either the pnlTabs or the RadGrid1.  Both are properly updated (pnlTabs is made invisible and RadGrid1 is updated), but the loading panel does not display.  Any ideas on how to resolve this?

Thanx,

Rick

[Iana Tsolova]

Hello Rick D,

Try modifying your code as below and see if it makes any difference:

<telerik:radajaxmanager id="RadAjaxManager1" runat="server">
    <ajaxsettings>
    <telerik:AjaxSetting AjaxControlID="RadGrid1">
        <UpdatedControls>
            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
            <telerik:AjaxUpdatedControl ControlID="Panel1" />
        </UpdatedControls>
    </telerik:AjaxSetting>
    <telerik:AjaxSetting AjaxControlID="Panel1" >
        <UpdatedControls>
            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
            <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1"  />
        </UpdatedControls>
    </telerik:AjaxSetting>
</ajaxsettings>
</telerik:radajaxmanager>
<telerik:radajaxloadingpanel id="RadAjaxLoadingPanel1" runat="server" transparency="30"
    backcolor="#E0E0E0" initialdelaytime="500">
    <asp:Image ID="imgLoading" Style="margin-top: 100px" runat="server" ImageUrl="~/Images/Loading.gif"
        BorderWidth="0px" AlternateText="Loading" />
</telerik:radajaxloadingpanel>

<asp:Panel ID="pnlRadGrid" runat="server">
    <telerik:RadGrid ID="RadGrid1" runat="server">
    ...
    </telerik:RadGrid>
</asp:Panel>

<asp:Panel ID="Panel1" runat="server">
<asp:Panel ID="pnlTabs" runat="server">
    <asp:Button ID="btnReset" runat="server" />
    ...(Telerik Tabs/MultiView containing user controls)
</asp:Panel>
</asp:Panel>

Let me know if this helps.

Best wishes,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Rick D]

Iana,

Thanks for the quick reply!  The loading panel is now displaying over both the grid and tabs when I click the reset button, which is what I wanted.  However, this also happens every time an event is triggered in the controls in the tabs as well, which is expected, but not the behavior that I want.

I would rather that the tabs only update themselves and that only both the main grid AND the tabs are updated when the reset button is clicked.

Thanx,

Rick

[Iana Tsolova]

Hi Rick,

In this case, you could try modifying the second ajax setting as below:

    <telerik:AjaxSetting AjaxControlID="Panel1" >
        <UpdatedControls>
            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
            <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1"  />
        </UpdatedControls>
    </telerik:AjaxSetting>

Then add the following code on Page_PreRender event:

protected void Page_PreRender(object sender, EventArgs e)
{
    if(pnlTabs.Visible)
    {
        RadAjaxManager1.AjaxSetting.AddAjaxSetting(btnReset, RadGrid1, RadAjaxLoadingPanel1);
    }
}

Let me know if this helps.

Kind regards,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Jasmin]

Hello,

 

 

 

 

 

In my index page I have four RadWindows . One window is for Login. In the login window after clicking the Login button ,it will redirect to the home page

 

I need a code ,When logging in, have a spinner come up saying loading your page, until ready to rewrite the page.

 

[Iana Tsolova]

Hi Jasmin,

Please check out this help topic and try the sample there. See if it works for your and let me know if any questions arise.

All the best,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.