Verhindert versehentliches Doppel-Klick auf eine Schaltfläche

Ich habe ein paar Steuerelemente, die Erben von ASP.NET Tasten und verwenden "onserverclick'.

Wenn der Benutzer klickt zweimal auf die Taste feuert zwei server-side-events. Wie kann ich dies verhindern?

Ich habe versucht, "diese.disabled='true'" nach dem klicken (in das 'onclick' - Attribut), die über javascript, aber das blockiert die ersten postback als gut.

InformationsquelleAutor juan | 2008-09-08
  1. 13

    Finden Sie in diesem Beispiel für das deaktivieren der control postback. Es sollte Ihnen helfen, tun, was Sie zu erreichen versuchen.

    http://encosia.com/2007/04/17/disable-a-button-control-during-postback/

    • Danke... ich vermisse die manuellen postback-Referenz benötigt, die Technik
    • Leider ändern UseSubmitBehavior auf false bedeutet, dass Ihre form nicht mehr zu unterstützen-Nutzer ohne JavaScript.
    • Scheint die site down ist, Chrome berichtet, dass die Website malware enthält
    InformationsquelleAutor Ryan Lanciaux
  2. 2

    Die Sie nicht unbedingt wollen, zeigen Sie die Schaltfläche deaktiviert postback. Sie wollen sicherstellen, dass Sie nicht versehentlich senden zweimal. So deaktivieren oder ausblenden der button, mit dem Ergebnis einer server-Seite Aktion ist schon zu spät in das Spiel. Von diesem Punkt die 2. Anfrage ist bereits auf dem Weg. Sie müssen entweder mit javascript oder stellen Sie sicher, dass Ihre server-side-code nicht zweimal ausgeführt.

    InformationsquelleAutor Joel Coehoorn
  3. 2

    Im Falle eines updatepanel und ein button in einem FormView-Vorlage, die ich verwenden folgenden Ansatz:

    <script type="text/javascript">
    //Using that prm reference, hook _initializeRequest
    Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(InitializeRequestBuchung);

    //Abfangen von Mehrfachklicks auf Buttons für asynchrone Postbacks im Updatepanel
    function InitializeRequestBuchung(sender, args) {
        var arrButtonIds = ["ButtonInsert", "ButtonUpdate"];

        //Get a reference to the PageRequestManager.
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        if (prm.get_isInAsyncPostBack() & jQuery.inArray(args.get_postBackElement().id, arrButtonIds) > -1) {
            args.set_cancel(true);
        }
    }
</script>

    Dieser bricht den folgenden postback an, ob aktuell ein asynchroner postback ist noch aktiv. Funktioniert perfekt.

    InformationsquelleAutor Andreas Krohn
  4. 1

    Jemand gesagt das irgendwo hier vor ein paar Tagen, und ich Stimme - verwenden Sie javascript, um einfach verstecken Sie die Taste, anstatt es zu deaktivieren; Sie konnten zeigen, ein "spinner" Bild in einem Ort, in dem der Benutzer wissen, was Los ist.

    • Ich bin nicht davon überzeugt, dass ich mag die Idee, die buttons verschwinden. Es sei denn, eine andere (deaktivierte Schaltfläche) übernahm Ihren Platz. Es könnte verwirrend für den Endverbraucher... nicht?
    • Ich Stimme mit Rob, ich weiß nicht, wie Tasten dissapearing
    • +1 für die Idee eines Drehfeld - Anzeige der Benutzer, dass etwas passiert. Ich würde immer noch verlassen Sie ihn auf die Möglichkeit/"Kontrolle" zu Unterwerfen wieder, wenn er absolut darauf zu.
    InformationsquelleAutor Jason Bunting
  5. 1

    Anstatt uns zu verstecken, was ich gemacht habe, ist swapping-buttons mit javascript. Andere anzeigen ausgegraut Bild auf den Klick auf den ersten button.

    InformationsquelleAutor Gulzar Nazim
  6. 1

    Legen Sie die Schaltfläche Eigenschaft UseSubmitBehavior auf false. Erstellen Sie dann eine OnClientClick-Funktion, deaktiviert die Taste.
    Es würde in etwa so Aussehen:

    <script type="text/javascript">
   function disableFunctn(button){
       button.disabled = true;
   }
</script>
<asp:Button ID="button1" UseSubmitBehavior="false" OnClientClick="disableFunctn(this);"/>

    Schnellste, billigste Weg: 

    <asp:Button ID="button1" UseSubmitBehavior="false" OnClientClick="this.disabled=true;"/>
    InformationsquelleAutor latuya23
  7. 0

    Können Sie auch versuchen, zum Beispiel btnSave.Enable = false; wenn die Taste getroffen wird und vor der Verarbeitung für die Schaltfläche erfolgt in der Click-Ereignis-routine. Wenn Sie es brauchen, um zurückgesetzt werden, damit Sie aktiviert werden, haben eine separate Taste, der Reset der Knopf für die Wiederverwendung.

    Andere Methode ist, um die Schaltfläche mit der überprüfung, so dass der Benutzer gefragt, ob Sie Speichern möchten, es sollte pop-up beide Male.

    Noch eine weitere Methode wäre die fahne der ersten Instanz legen Sie dann ein popup für die zweite zu überprüfen, eine zweite oder weitere Verwendung.

    InformationsquelleAutor user3723972
Schreibe einen Kommentar