Bootbox: fonction de Rappel après la destitution de la boîte de dialogue en Cliquant sur le bouton 'X'

L'extrait de code suivant me permet de réaliser des choses dans une fonction de rappel pour les boutons qui sont cliqués. Cependant, comment puis-je obtenir une fonction de rappel, ou une solution de contournement similaire que j'ai exécuter du code lorsqu'un utilisateur clique sur le bouton " X " /rejette le dialogue?

    bootbox.dialog({
        title: "Woah this acts like an alert",
        message: "Cool info for you. You MUST click Ok.",
        buttons: {
            sucess:{
                label: "Ok",
                callback: callback
            }
        }       
    });

   callback(){//stuff that happens when they click Ok.}

Je ne veux pas désactiver/masquer le bouton de fermeture avec

closeButton: false,

Avez-vous vérifié l'exemple sur la page? Recherche pour Prompt with default value Ou vous pouvez utiliser $("#myModal").on("hidden", function() { //do something });
Hmm ne semble pas fonctionner avec la boîte de dialogue personnaliser

InformationsquelleAutor Null Reference | 2015-03-18

12

Il est onEscape de la fonction pour cela.
```
bootbox.dialog({
    message: 'the msg',
    title: "Title",
    onEscape: function() {
        //you can do anything here you want when the user dismisses dialog
    }
}); 
```
- Cela ne déclenche pas lorsque vous cliquez sur le X, seulement au moment de frapper, le esc clé. anpsmn la réponse de travaux pour les deux.
InformationsquelleAutor Haris ur Rehman

Vous pouvez utiliser une variable pour vérifier si le modal a été caché après un clic sur OK ou x button /escape key

var status = false;

$('.btn').on('click', function () {
    bootbox.dialog({
        title: "Woah this acts like an alert",
        message: "Cool info for you. You MUST click Ok.",
        buttons: {
            sucess: {
                label: "Ok",
                callback: function () {
                    status = true;
                }
            }
        },
        onEscape: function () {
            $('.bootbox.modal').modal('hide');
        }
    });
});

$(document).on("hidden.bs.modal", ".bootbox.modal", function (e) {
    callback();
});


function callback() {
    if (!status) {
        onClose();
    } else {
        onOK();
        status = false;
    }
}

function onClose() {
    $('p.alert span').removeClass().addClass('text-danger').text("Dismissed");
}

function onOK() {
    $('p.alert span').removeClass().addClass('text-success').text("Sucess");
}

Violon démo

InformationsquelleAutor anpsmn

1

Certaines personnes pourraient voir cela comme un peu un hack-autour de. Même si elle me convient bien comme tout ce que je voulais reconnaissez en tant que développeur que quelqu'un a accepté le message, ce qui a déclenché l'événement suivant.

À l'aide de Bootbox.js " native confirm() méthode qui ne offre un callback action. J'ai ajouté une classe supplémentaire en option pour le confirm bouton (qui doit être fourni sur un confirm() appel) avec le hidden classname (E. g. Bootstap a une classe d'assistance pour display:none appelé hidden.

Ce qui permet de masquer le bouton de confirmation, ainsi Modale apparaît comme un fait normal de boîte d'Alerte.
```
    bootbox.confirm({ 
        message: "Some Button Text", 
        buttons: {
            "cancel": {
                label: "<i class='fa fa-check'></i> OK - I understand",
                className: "btn btn-primary"
            },
            //Hide the required confirm button.
            "confirm": { label: "", className: "hidden" }
        },
        callback: function(){
            //Begin Callback
            alert( "Finished" );
        }
    });
```
JsFiddle Exemple
- J'ai trouvé cette réponse très utile pour moi, aujourd'hui, d'être ce morceau de code "confirm": { label: "", className: "hidden" } où, pour la vie de moi, n'a pas pu obtenir un bouton "confirmer" pour "ne pas" montrer. Je suis pas un JS gars, et Googler autour m'a conduit ici. Juste pensé que vous aimeriez savoir que.
InformationsquelleAutor MackieeE

Vous devez vous connecter pour publier un commentaire.