Wie man bootbox schließen bei der Verwendung von benutzerdefinierten dialog

Ich bin mit bootbox zu zeigen-dialog.

Wenn ich bootbox.confirmbootbox.alert oder bootbox.promptdie beim drücken escape - Taste oder klicken außerhalb der dialog ist, der dialog geschlossen, wie erwartet

aber wenn bootbox.dialogwenn ich Sie außerhalb des Dialogfensters, oder Sie drücken escape - Taste, wird das Dialogfeld nicht schließen, wie man es sich Verhalten, als andere dialog tun?

var box = bootbox.dialog({
    show: false,
    backdrop: true,
    animate: false,
    title: 'Bla',
    message: 'bla bla bla',
    buttons: {
        cancel: {
            label: 'Cancel',
            className: 'btn-warning'
        },
        save: {
            label: 'Parse',
            className: 'btn-success',
            callback: function () {
                //handling with ajax
                return false;
            }
        }
    }
});
box.modal('show');

InformationsquelleAutor der Frage Kokizzu | 2014-11-05

  1. 28

    Dies sollte es tun. Bitte beachten Sie, dieser wurde nur getestet, auf dem v3. mit bootstrap 2.3.2

    $(document).on('click', '.modal-backdrop', function (event) {
    bootbox.hideAll()
});

    InformationsquelleAutor der Antwort tibc-dev

  2. 15

    Hinzufügen eines onEscape callback-Funktion, die möglicherweise in einem leeren Körper.

    Sehen docs und Beispiel.

    Basic-code:

    bootbox.dialog({
   onEscape: function() {},
   //...
});

    InformationsquelleAutor der Antwort bart

  3. 2

    Um ehrlich zu sein habe ich nie wirklich verwendet, modal - es kam von einer PR eine lange, lange Zeit her, aber ich war noch nie überzeugt von seiner Verwendung. Nicht gut, Sie jetzt aber die Methode ist eigentlich kommentiert als deprecated in v3.0.0 und wird wohl tatsächlich in der Zukunft entfernt werden Versionen - es funktioniert einfach nicht wirklich passt (zu mir) was Bootbox erstellt wurde, und andere Methoden wurden optimiert, verbessert und getestet, es ist dort saß etwas vernachlässigt.

    Aber Sie können etwas tun, wie dieses

    $(document).keyup(function(e) {
  if (e.keyCode == 27) {box.modal("hide");}   //esc
});

    InformationsquelleAutor der Antwort Miomir Dancevic

Schreibe einen Kommentar