Wait cursor for ASP.Net Ajax actions

Suppose you have a page where you have a bunch of actions that invoke an Ajax callback. You can use the UpdateProgress control to indicate that the request is being invoked, for example to display some “please wait” text.

But that’s not it happens in the world of Winforms (or more broadly, desktop apps). You just get a wait cursor most of the time. The same happens when you do a normal postback (and some addition feedback too, granted).

It’s not very hard to add wait cursor support to your pages. Add the following script block right after the <asp:ScriptManager> tag:

  1. <script type="text/javascript">
  2.  
  3.     var prm = Sys.WebForms.PageRequestManager.getInstance();
  4.     prm.add_initializeRequest(InitializeRequest);
  5.     prm.add_endRequest(EndRequest);
  6.  
  7.     function InitializeRequest(sender, args) {
  8.         document.body.style.cursor = ‘wait’;
  9.     }
  10.  
  11.     function EndRequest(sender, args) {
  12.         document.body.style.cursor = ‘default’;
  13.     }
  14.  
  15. </script>

This works separately from any UpdateProgress panels you have on the page. It also works for all UpdatePanel instances: for every Ajax request the cursor turns into an hourglass while the request is doing it’s work.

About this entry

You’re currently reading “Wait cursor for ASP.Net Ajax actions,” an entry on Inferis’ Code Dump

Published:
18.01.08 / 3pm
Category:
ASP.Net, Ajax, Javascript, UI