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.

Adi Inbar · Accepted Answer · 2013-10-08 22:57:25Z

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 8, 2013 at 22:57

Adi Inbar

12.4k13 gold badges60 silver badges71 bronze badges

answered Aug 1, 2011 at 16:43

Xiphos

3381 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ram Over a year ago

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.

Der Wolf · Accepted Answer · 2021-11-12 22:10:12Z

0

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>

answered Nov 12, 2021 at 22:10

Der Wolf

1,27110 silver badges12 bronze badges

Collectives™ on Stack Overflow

Show loading image while radgrid load with data

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related