.NET Framework - Ajax - How disable screen until function is done

Asked By Cirene

16-Aug-08 07:43 PM

I have an ajax enabled asp.net webform.

I coded a button that does a bunch of stuff.  It could take up to 30 seconds
to process.

How can I disable everything on the screen immediately when the person
clicks the button and enable everything after the processing is completed?

Thanks!

16-Aug-08 08:51 PM

I hope this will help people in the future.  This is how I did this...

I put all the controls in a panel, Panel1.

I added this javascript to the page....
//add event handlers to the search UpdatePanel
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(startRequest);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);

function startRequest(sender, e) {
//disable controls during the AJAX call
document.getElementById("<%=Panel1.ClientID%>").disabled = true;
}

function endRequest(sender, e) {
//re-enable controls once the AJAX call has completed
document.getElementById("<%=Panel1.ClientID%>").disabled =
false;
}


I hope this helps someone!

Take care!

17-Aug-08 12:49 PM

Use a modalPopup to advise the user for the working in progress

(i hope this is usefull) :)

Fabio