Show loading image while radgrid load with data

Question

I'm using radgrid in my asp.net application. In button click i'm binding the grid with data. But its takes some times to bind data. So I want to show the load image till finish databinding. How to show the loding image while radgrid loding with data. Please help me.

score 1 · Accepted Answer · edited Oct 08 '13 at 22:57

1

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page,
     "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' />
</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="btnRefresh">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="pnlAlerts" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

edited Oct 08 '13 at 22:57

Adi Inbar

12,097
13
56
69

answered Aug 01 '11 at 16:43

Xiphos

338
1
9

hi thanks for reply. but I'm gettig floowing error Microsoft JScript runtime error: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'dispatcherGrdPnlPanel'. If it is being updated dynamically then it must be inside another UpdatePanel. – Ram Aug 02 '11 at 13:42

score 0 · Answer 2 · answered Nov 12 '21 at 22:10

I think your code has the right idea to use RadAjaxManager to accomplish this. Is it safe to assume that your grid is found inside of pnlAlerts? If not, be sure to include your grid as an updated control. I also usually add a clause that the grid itself will trigger an ajax call (if for instance the user is filter, moving columns, etc). For example:

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

Show loading image while radgrid load with data

2 Answers2