RadAjaxLoadingPanel is not getting displayed with RadGrid

[Nirav]

Hi,
I am using 2009.3.1103.20 version of Telerik Controls, Visual studio 2008.

My problem is that with one of my webpage, RadAjaxLoadingPanel is not getting displayed with RadGrid. On rest of the pages its displayed perfect when its rendering or while paging.

This is my ASP.Net Website. I have a Master page also where I have RadAjaxManager, RadScriptManager and RadStyleSheetManager. All of my webpages have master page defined as this master page.

Now on one of my webpage where I have Telerik:RadGrid, I implemented this RadAjaxLoadingPanel and its getting displayed correctly when I click on any page number. Now on my second page there is some problem where LoadingPanel is not getting displayed.
Some more details, on this page, I have so many different RadControls like I have RadCombo, RadWindow, RadWindowManager, RadToolBar, RadTabStrip, RadMultiPage, RadGrid, RadUpload, RadNumericTextBox etc. This is kind of big form. Now I have RadGrid on this page where I want to display loadingpanel when its rendering or refreshing or doing something.
I applied the same code which is working on other page but somehow loadingpanel is never getting displayed on this grid.
So can you tell me what's wrong in here as the same loadingpanel is working on other page, the only difference between these two page is that the page where its working does not have too many controls like this page.
Here is the simple Code I am trying.

    <telerik:RadAjaxManagerProxy runat="server" ID="AjaxManagerProxy1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGridAllRequests">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAllRequests" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="0"
        Skin="WebBlue" MinDisplayTime="1000" EnableAjaxSkinRendering="true" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGridAllRequests">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAllRequests" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>



<asp:Panel runat="server" ID="pnlProductDetails">


<telerik:RadComboBox runat="server"
ID="DdlSelectOption" AutoPostBack="true" Width="600px" ToolTip="Select any option here to view Spending Requests history with different status"
Skin="Hay" Font-Bold="true" CausesValidation="false" ValidationGroup="none"
OnSelectedIndexChanged="DdlSelectOption_SelectedIndexChanged">
</telerik:RadComboBox>

<div class="Scrollgrid" style="width: 1030px; height: 350px;">

<telerik:RadGrid ID="RadGridAllRequests" runat="server" AllowPaging="true" AllowSorting="true"
AllowFilteringByColumn="true" AutoGenerateColumns="False" BorderStyle="None"
GridLines="Both" OnNeedDataSource="RadGridAllRequests_needdatasource" OnItemDataBound="RadGridAllRequests_ItemDataBound"
OnItemCreated="RadGridAllRequests_ItemCreated" OnItemCommand="RadGridAllRequests_ItemCommand"
AllowMultiRowSelection="true" SelectedItemStyle-CssClass="SelectedItem" Width="100%"
Skin="WebBlue">


</telerik:RadGrid>
</div>
</asp:Panel>

Please suggest me for this.
Thanks in advance,

[Tsvetina]

Hi Nirav,

I cannot notice anything wrong in your code, it seems correct. I would advise you to look carefully for any javascript errors. Also, you could test how it works if you wrap the grid in a RadAjaxPanel and remove the setting that updates it from the RadAjaxManager.

Regards,
Tsvetina
the Telerik team

[Nirav]

Thanks Admin.
Yes, I tried adding RadAjadPanel but still it didnot show loadingpanel.
I also checked there was no javascript error.

It seems like because my page has so many telerik controls, something might be conflicting.
I think I will have to try removing all the controls one by one to see if it works because the same code is working perfect on other pages where I dont have too many controls. Like I said I have all kind of Telerik control on this same page, so I will try removing one by one and will see what works.

Meanwhile if you have any suggestion let me know.
I will post reply here once I find the problem.

Thanks,
Nirav

[Tsvetina]

Hello Nirav,

It is possible that the grid does AJAX but for some reason only the loading panel does not show. Plase, paste your loading panel declaration. Is it on the same page as the proxy?

Also, I would advise you to debug your page using a tool like Firebug to check if for some reason more than one AJAX request fire at a time, thus terminating the one using this loading panel.

Kind regards,
Tsvetina
the Telerik team

[Nirav]

Thanks For this info, Yes I will try debug this way.

I have pasted code of LoadingPanel declaration in my original post, is that what you asked for or you want me to paste any other code as well? Please do let me know and I will provide all the information required.

Meantime I will post reply if I found anything.
Thanks again,
Nirav

[Tsvetina]

Hello Nirav,

Please, excuse me, I overlooked this part. There seems to be nothing wrong with the loading panel declaration. Looking forward to your observations about the ajax request firing.

Kind regards,
Tsvetina
the Telerik team