Hide Waiting Cursor while Grid Opens for Editing | RadGrid for ASP.NET AJAX Documentation
Edit this page

Hide Waiting Cursor while Grid Opens for Editing


In case you have a grid with lots of records being shown at once, waiting for the Grid to open a row for editing might take some time, during which, the "waiting cursor" will be stuck over the grid. This might be unwanted especially if using Ajax and LoadingPanel. Luckily, you can handle the client OnRequestStart and OnRequestEnd events of RadAjaxManager (which ajaxifies the grid) to manually hide the hour glass cursor or replace it with the default one.

Here is some sample code:

<telerik:RadAjaxManager id="RadAjaxManager1" runat="server">
    <telerik:AjaxSetting AjaxControlID="RadGrid1">       
      <telerik:AjaxUpdatedControl ControlID="RadGrid1" />       
  <ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
<telerik:RadGrid RenderMode="Lightweight" id="RadGrid1" runat="server" ... />           
<style type="text/css">        
.hidewaiting td        
 cursor: default;        
<script type="text/javascript">
   function RequestStart(){       
       var grid = $find("<%= RadGrid1.ClientID %>");     
       grid.Control.className = "hidewaiting";
    function ResponseEnd()
      var grid = $find("<%= RadGrid1.ClientID %>");   
      grid.Control.style.cursor = "";
Is this article helpful? No Yes
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article