Comment faire bootbox de clôture lors de l'utilisation de dialogue personnalisée

Je suis en utilisant bootbox pour afficher la boîte de dialogue.

Si j'utilise bootbox.confirm, bootbox.alert ou bootbox.prompt, lorsque vous appuyez sur escape touche ou en cliquant sur l'extérieur de la boîte de dialogue, la boîte de dialogue fermée comme prévu

mais lors de l'utilisation de bootbox.dialog, lorsque je clique sur l'extérieur de la boîte de dialogue ou en appuyant sur escape clé, le dialogue ne se ferme pas, comment le faire se comporter comme les autres de dialogue?

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');
vous pouvez utiliser le onEscape: function(){//rappel } pour faire le truc avec les options, vous avez donné, donnent à ce que le bien et le juste dire revenir à la onEscape: function(){return;} fait bootboxjs.com/documentation.html

OriginalL'auteur Kokizzu | 2014-11-05

  1. 30

    Cela devrait le faire. Veuillez noter que ce service a été testé uniquement sur v3. en utilisant bootstrap 2.3.2

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

    OriginalL'auteur tibc-dev

  2. 16

    Ajouter un onEscape fonction de rappel, ce qui peut avoir un corps est vide.

    Voir docs et exemple.

    De base code:

    bootbox.dialog({
   onEscape: function() {},
   //...
});
    il fonctionne ! Merci .
    Fonctionne avec la dernière 4.x.x version
    onEscape: true suffirait.

    OriginalL'auteur bart

  3. 2

    Pour être honnête, je n'ai jamais vraiment utilisé modal - il est venu à partir d'une PR un long, long temps auparavant, mais je n'ai jamais été convaincu de ses cas d'utilisation. Rien de bon pour vous maintenant, mais la méthode est en fait a commenté comme étant déprécié en v3.0.0 et va probablement être supprimé dans les versions futures, - il n'a tout simplement pas vraiment (pour moi) ce Bootbox a été créé par et pour les autres méthodes ont été modifié, amélioré et testé, il est assis là, quelque peu négligée.

    Mais vous pouvez faire quelque chose comme ceci

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

    OriginalL'auteur Miomir Dancevic

  4. 1

    J'ai essayé d'autres réponses ici et ils n'ont pas de travail pour moi. Je ne suis pas sûr si cela avait à voir avec la version spécifique de bootbox j'ai été en utilisant ou pour une autre raison, mais j'ai juste roulé ma propre solution:

    • seulement fermer le dernier modal qui a été ouvert (c'est à dire pour imbriqués les auxiliaires modaux, ne fermez pas tous d'entre eux)
    • choisir les auxiliaires modaux de clôture de l'extérieur de clic et qui ne sera pas
    • travailler sur tous les modes de saveurs, de dialogue, d'alerte, de confirmer etc)
    • pas besoin de me changer les bibliothèques ou les versions de la bibliothèque

    en procédant comme suit:

    function hideDialogOnOutsideClick(d) { //d = bootbox.dialog(...)
  d[0].addEventListener('click', function(e) {
    if(e.target == d[0])
      $(d).modal('hide');
    e.stopImmediatePropagation();
    return false;
  });
}

    qui est utilisé comme suit:

    var d = bootbox.dialog(...) //or alert, confirm etc
hideDialogOnOutsideClick(d);

    OriginalL'auteur mwag