I have a GridView that gets populated/updated via an AJAX call. I'd like to disable the search button that executes the search while the AJAX call is executing. I've added a progress indicator (which is really cool and simple to implement) but I'd like to disable the search button while waiting for the AJAX call to prevent users from clicking the button again while the search is executing. I've tried simply disabling the button in the click event that is linked to my UpdatePanel trigger, registering script blocks to disable the button via javascript, disable the button via the OnClientClick attribute of the search button (this bombs ajax completely). I've tried placing the button within my update panel and outside the update panel and that doesn't seem to make a difference. Any ideas?

I did a lot of searching and found 3 or 4 different ways of doing this but the one below was far and away my favorite. Basically, you can just attach a javascript method to the beginRequest and endRequest of the AJAX call.

<script type="text/javascript">

//add event handlers to the search UpdatePanel

function startRequest( sender, e ) {

//hide the update panel during the AJAX call

document.getElementById('<%=upSearchResults.ClientID%>').style.display = 'none';

//disable search button during the AJAX call

document.getElementById('<%=cmdSearch.ClientID%>').disabled = true;

function endRequest( sender, e ) {

//show the update panel once the AJAX call has completed

document.getElementById('<%=upSearchResults.ClientID%>').style.display = '';

//re-enable the search button once the AJAX call has completed

document.getElementById('<%=cmdSearch.ClientID%>').disabled = false;

</script>

 Gosh, that works perfectly! Thanks!!!

hughy,

 What are the other methods you have found?? (Preferrably not using 3.5 framework.)

What if you have multiple update panels on the page and also master pages? Any way of disabling the buttons?

in Above code I am getting javascript error message "Sys is undefined"