What is the CORRECT way to use the Rad Ajax Loading panel...

[mark baer]

I have a fairly complex page with Multiple Update Panels and I usually have a RadGrid that when somebody selects an item, it updates a Form with the details.  I've tried putting the Ajax Loading Panel and Manager on this page and other pages and I just don't think I'm using it right.  I know I select a control that initiates the request, then I choose the control or controls that get updated, but time after time I get different Javascript error message stating things like:

Microsoft JScript runtime error: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_MainContent_ctl00_MainContent_RadAjaxProjectPanelPanel'. If it is being updated dynamically then it must be inside another UpdatePanel.

or something similar...I've seen the examples, but I guess what I am looking for is a straight forward, Step 1, Step 2, Step 3...because apparently whatever I am doing is not working. 

We are using the latest version of the Tools.  We just moved from using the Trial/Demo software to the Live version.  Visual Studio 2010, .NET 4.0(ASP.NET/Ajax of course)

I have been successful getting the RadGrid and Comboboxes working.  I would really like to get the Loading panel working soon.

thanks

mark

[Maria Ilieva]

Hello Mark,

The described error most commonly appears in cases when wrapped UpdatePanels appear on the page.
In scenario like yours the correct way for Ajaxifying the controls is to use single RadAjaxManager on the page. Please remove all UpdatePanels form the page. Add single RadAjaxManager and RadAjaxLoadingPanel on the page. Add those LoadingPanel to be the default loading panel in the RadAjaxManager settings. Add a setting in which the RadGrid control updates the mentioned form.

Let me know if this helps.

All the best,
Maria Ilieva
the Telerik team

[mark baer]

I tried what you mentioned and I still have problems.  It's a little more complex than that.

I have a "Panel" on the right side of the screen that slides in/out and serves as a "Search" panel.  People can enter search criteria there and click the "Search" button. 

On the rest of the page is an Accordian(hopefully, will be a RadPanel soon)...In the top part of the Accordian is a RadGrid with the Search Results.  When the Search Results come back, the top part "Expands" to reveal the Grid and it's results.

When the person clicks on an item in the Grid, the top part of the Accordian collapses, and the bottom expands to show the Details of the item selected in the Grid...

I hope this makes sense.  So 1, Ajax Loading panel should display when the user "Searches".  2, the Ajax Loading panel should display when the user clicks on the Grid and we load the Details in the bottom...

I've gotten it to where the Ajax Loading panel just displays over the entire page, but I still get the Javascript errors when it is done processing. 

Thanks, Mark.

[Maria Ilieva]

Hello Mark,

As the scenario you need to achieve is rather complex I would suggest you to open a regular support ticket and send us sample runnable application which shows the exact functionality you need to achieve. Thus we will be able to debug it locally and verify what the exact reason for the mentioned error is and provide proper solution.


All the best,
Maria Ilieva
the Telerik team