Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I too was struggling with this same issue and was lucky enough to stumble across the <a href="http://www.google.com/search?q=UpdateProgress%20Control%20Overview%20MSDN" rel="nofollow">UpdateProgress Control Overview on MSDN</a>. An example on that page shows <em>secret</em> javascript for hooking into the async ajax calls of the ASP UpdatePanel control. With a little modification I was able to get the <a href="http://www.google.com/search?q=jquery%20block%20ui" rel="nofollow">jQuery BlockUI plugin</a> to work with an ASP UpdatePanel.</p> <p>Here is what I ended up with. There should be enough here so that you could do anything you want when the async callback begins and when it ends.</p> <p>HTML</p> <pre><code>&lt;asp:UpdateProgress runat="server" id="updateProgress1" AssociatedUpdatePanelID="UpdatePanel1" DynamicLayout="false" DisplayAfter="0"&gt; &lt;ProgressTemplate&gt;Processing...&lt;/ProgressTemplate&gt; &lt;/asp:UpdateProgress&gt; &lt;asp:UpdatePanel ID="UpdatePanel1" runat="server"&gt; &lt;ContentTemplate&gt; &lt;!-- Some stuff here --&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; </code></pre> <p>JAVASCRIPT</p> <pre><code>$(document).ready(function () { var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_initializeRequest(InitializeRequest); prm.add_endRequest(EndRequest); function InitializeRequest(sender, args) { // Whatever you want to happen when the async callback starts $.blockUI(); } function EndRequest(sender, args) { // Whatever you want to happen when async callback ends $.unblockUI(); } }); </code></pre> <p>Notice that I included an ASP UpdateProgress control, that is important because if you don't have that, the javascript doesn't work right. It will block and unblock the UI but the unblock part does not happen when the callback returns, it happens almost immediately after the async call is started.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload