Come evitare di premere il pulsante fino a quando la richiesta di modulo non viene completata quando la richiesta di modulo causa il download di un file

Question

Nel mio sito Web di Asp.net ho un modulo in cui gli utenti selezionano varie opzioni e tali opzioni vengono reinviate in un postback che genera un PDF report e invia il file indietro per l'utente per il download tramite il seguente codice:

protected void btnTopGenReport_Click(object sender, EventArgs e) 
    { 
     var stream = new PodMainReportGenerator().GenerateReport(GetReportParameters()); 

     var bytes = stream.ToArray(); 
     stream.Close(); 

     // Set the content headers 
     Response.Clear(); 
     Response.Buffer = true; 
     Response.ContentType = "application/pdf"; 
     Response.AddHeader("Content-Disposition", "attachment;filename=testReport.pdf"); 
     Response.AddHeader("Content-Length", bytes.Length.ToString()); 

     Response.BinaryWrite(bytes); 

     Response.End(); 
    } 

il problema è questo rapporto può prendere un buon 10 secondi circa per generare a causa della quantità di dati e di elaborazione necessaria, ma io non voglio che le persone diventino impazienti e facciano clic ripetutamente sul pulsante.

In una pagina normale aggiungerei javascript per disabilitare i pulsanti al clic. Funziona perché quando il postback è completo il server ritorna con i pulsanti del modulo riabilitati. Tuttavia, poiché la risposta del modulo non è una pagina HTML ma un file scaricato, che non so come rilevare.

In sostanza, come disattivare i pulsanti del modulo ma riattivarli una volta ottenuta la risposta dal server (e il trasferimento del file http è avviato)?

Answer 1

Hai solo bisogno di un indicatore al di fuori del contenuto della risposta per avvisarti che il download è completo. Prova a utilizzare un cookie monitor, in cui imposti il ​​cookie come parte della risposta di download, e nella tua pagina principale, controlla l'esistenza di quel cookie.

http://gruffcode.com/2010/10/28/detecting-the-file-download-dialog-in-the-browser/

Answer 2

// Per disabilitare il pulsante, scrivere il codice riportato di seguito al caricamento della pagina.

System.Text.StringBuilder sbValid = new System.Text.StringBuilder(); 
    sbValid.Append("if (typeof(Page_ClientValidate) == 'function') { "); 
    sbValid.Append("if (Page_ClientValidate() == false) { return false; }} "); 
    sbValid.Append("this.value = 'Saving..';"); 
    sbValid.Append("this.className = 'Save_Button_Active';"); 
    sbValid.Append("this.disabled = true;"); 
    sbValid.Append(this.Page.GetPostBackEventReference(this.btnName)); 
    sbValid.Append(";"); 
    this.btnName.Attributes.Add("onclick", sbValid.ToString()); 
    this.btnName.Attributes.Add("onclick", "this.className = 'Cancel_Button_Active';"); 

si può anche fare riferimento al seguente link per ulteriori informazioni:

http://bytes.com/topic/c-sharp/answers/887893-disabled-button-calling-even-handler-button-click

Button disable function after clicking on it

Disable the asp button after first click because it save multiple records in slow connection

Answer 3

Cercando di pensare fuori dagli schemi qui. Invece di disabilitare/abilitare il pulsante di invio, è possibile impostare una variabile a livello di sessione che indica che il report è in esecuzione. Se l'utente fa clic di nuovo sul pulsante di invio mentre viene elaborata una richiesta precedente, non avviare una nuova procedura.

Per una migliore esperienza di interfaccia utente, è possibile che venga attivata una chiamata AJAX prima che il modulo venga inviato per verificare se è in esecuzione un processo precedente. In tal caso, è possibile annullare l'invio del modulo e visualizzare un messaggio sulla falsariga di "La richiesta precedente è ancora in fase di elaborazione".

Pensieri?