Problem using LoadingPanel

[Charles]

I have a RadGrid and a button that loads the grid based on a search string. I also have paging on the RadGrid. When paging, I am using the RadLoadingPanel. That works fine and the user is given appropriate feedback that a paging activity is occurring and data is being loaded in the grid. I want to also use the loading panel when the user hits the search button, but that causes a JavaScript error as follows: "Microsoft JScript runtime error: 'undefined' is null or not an object".

So, whenever I press the button to submit the search, the loading panel displays the default image for a few seconds and then the error occurs. Is there some sort of timeout involved?

Also, I have all of the controls within an RadAjaxPanel. If that is causing the problem, how do I resolve that without redesigning the whole page?

The markup I use is as follows:

<telerik:RadAjaxManager runat="server" ID="radAjaxManager">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="imgbtnSubmit">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="rgrdInstances" LoadingPanelID="radLoadingPanel" />
            </UpdatedControls>
        </telerik:AjaxSetting>

        <telerik:AjaxSetting AjaxControlID="rgrdInstances">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="rgrdInstances" LoadingPanelID="radLoadingPanel" />
                <telerik:AjaxUpdatedControl ControlID="litAlert" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

[Maria Ilieva]

Hello Charles,

Please note that you should not use both controls- RadAjaxManager and RadAjaxPanel to update the same part of the page. This may cause different issues. To overcome this behavior you should set single RadAjaxManager on the page to update the particular controls you need.

Kind regards,
Maria Ilieva
the Telerik team