RadAjaxLoadingPanel not working on refresh

[Diane]

I have two pages that use a RadAjaxLoadingPanel for a smooth refresh of a RadGrid. In each case, the RadGrid uses an ASP.NET ObjectDataSource to load data, and the object data source handles all paging, sorting, and filtering. The RadGrids enable multicolumn sorting and column reordering. Both pages use an ASP.NET timer for periodic refresh.

One page works perfectly; the page refresh is limited to the grid, for timer, paging, sorting, and column ordering. The loading panel shows during refresh, and the refresh is smooth. On the other page, the loading panel never shows. In the VS development server, the refreshes are usually limited to the grid (not always); however in IIS, I always get a full-page reload instread of a refresh, for all events (timer, paging, sorting, column reorder).

Environment: Windows 7 x64, VS 2010, IIS 7, Telerik ASP.NET Ajax Q2 2010 SP2.

Here is the markup for the loading panel on the page that fails. The page that works is essentially identical except that there are no scripts or services referrenced inside the radScriptManager.

 

 

 

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    <Scripts>
        <asp:ScriptReference Path="~/JavaScript/SynapseStudyCache.js" />
    </Scripts>
    <Services>
        <asp:ServiceReference Path="~/WebServices/Synapse/Caching.asmx" />
    </Services>
</telerik:RadScriptManager>
<telerik:RadAjaxLoadingPanel ID="RadiologistWorklistLoadingPanel" runat="server" InitialDelayTime="0" MinDisplayTime="300" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Timer1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="rdWorkList" LoadingPanelID="RadiologistWorklistLoadingPanel" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="rdWorkList">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="rdWorkList" LoadingPanelID="RadiologistWorklistLoadingPanel" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

 

There are no javascript references to either the loading panel or the RadGrid, and the code-behind handles only the ItemDataBound event for the grid. The code-behind handles Timer1.Tick but does nothing with it.

Any suggestions on why the page does not refresh properly?

[Mira]

Hello Diane,

I tried to replicate the issue which you described, but to no avail.
Attached to this message, you will find the code which I used for testing.

Please, take a look at it and let me know if there are any differences at your end, which I may be leaving out.

Best wishes,
Mira
the Telerik team

[Diane]

Hi Mira,

Thanks for your reply and sample code!

We found the problem yesterday, and it was not a Telerik problem at all. The RadGrid had been retrofitted into a very old piece of code, replacing an ASP.NET repeater. Some previous developer had included JavaScript code that overrode the .NET framework postback handler. Removing this JavaScript code fixed all our problems with the grid refreshes and loading panel, even in Safari on the iPad, where refreshes had completely locked up.

There's a lesson here somehwere, about never overriding vendor code as a work-around to fix bugs...

Anyway, thanks for the assist, and extend my thanks to the RadGrid team for a great tool.

Regards,
Diane