barre de progression updatepanel événement onclientclick

Question

J'ai une barre de progression de mise à jour qui fonctionne pour l'événement OnClick (côté serveur), mais j'ai besoin d'une barre de progression de mise à jour pour l'événement OnClientClick (côté client).

Pouvez-vous s'il vous plaît expliquer ou me conseiller de faire?

J'ai essayé la solution ci-dessous mais elle ne fonctionne pas pour moi.

Js:

function ComparableSearch() { 
    $get('UpdateProgress1').style.display = 'block';  
    window.scrollTo(0, 0); 

    GetRefineSearchDetailsMap(StreetNo[0], StreetNo[1], StreetName, State, County, ZipCodeFrom, ZipCodeTo, SalePriceFrom, 
           SalePriceTo, LivingArea, LivingAreaTo, SaleDateFrom, SaleDateTo, SubjectPropertyId, Section, Subdivision, 
           LotSizeFrom, LotSizeTo, YearBuiltFrom, YearBuiltTo, Stories, PrivatePool, FirePlace, Disclosure, IsListing, 
           City, Design, FirePlaceTo); 

    $("#map").show(); 
    $("#MainSearchResult").hide(); 
    return false; 
    $get('UpdateProgress1').style.display = 'none'; 

} 



function GetRefineSearchDetailsMap(aStreetNoFrom, aStreetNoTo, aStreetName, aState, aCounty, aZipCodeFrom, aZipCodeTo, aSalePriceFrom, 
            aSalePriceTo, aLivingArea, aLivingAreaTo, aSaleDateFrom, aSaleDateTo, aSubjectPropertyId, aSection, aSubdivision, aLotSizeFrom, 
            aLotSizeTo, aYearBuiltFrom, aYearBuiltTo, aStories, aPrivatePool, aFirePlace, aDisclosure, aIsListing, aCity, aDesign, aFirePlaceTo) { 


    var SalesSearchCriteria = {   
     X1: X1, 
     X2: X2, 
     Y1: Y1, 
     Y2: Y 
    }; 
    request = $.ajax({ 
     url: "Form1004/SaleComparableHandler.ashx?type=GetRefineSearchDetailsMap&Tid=" + Math.random(), 
     type: "POST", 
     data: { "SearchCriteria": JSON.stringify(SalesSearchCriteria) }, 
     async: true, 
     success: function (data) { 
      if (data.length > 0) { 
       if (data != "Error") { 

       } 
       else {      
        alert("Your session has been expired"); 
       } 
      } 
      else {    
       alert("No data exists"); 
      } 
     }, 
     error: function (XMLHttpRequest, status, errorThrown) { 
      if (errorThrown != 'abort') { 
       PopUpAlertBox("Please try again...<br/><br/>Below error occured <br/><br/> " + errorThrown + ""); 
      } 
      else { 
       PopUpAlertBox("Error : " + errorThrown + ""); 
      }   
     } 
    }); 

    return false; 
} 

Answer 1

Si je ne me trompe pas, l'Ajax est que vous avez besoin.

Je devrais créer un script sur le côté client qui transmettra les données au serveur (lorsque l'événement Click est vrai), le résultat du serveur est des données pour votre barre de progression.

Petit exemple here

Answer 2

Vous pouvez l'utiliser pour afficher un contrôle UpdateProgress javascript

$get('UpdateProgress1').style.display = 'block'; 

chose semblable à le cacher

$get('UpdateProgress1').style.display = 'none'; 

EDIT

// display indicator before ajax starts 
$get('UpdateProgress1').style.display = 'none'; 

$.ajax({ 
    url: "Form1004/SaleComparableHandler.ashx?type=GetRefineSearchDetailsMap&Tid=" + Math.random(), 
    type: "POST", 
    data: { "SearchCriteria": JSON.stringify(SalesSearchCriteria) }, 
    success: function (data) { 
     // your code 
    }, 
    error: function (XMLHttpRequest, status, errorThrown) { 
     // your code 
    } 
}) 
.always(function() { 
    // hide ajax indicator when ajax finished (success or error) 
    $get('UpdateProgress1').style.display = 'none'; 
});