बूटबॉक्स: 'एक्स' बटन पर संवाद/क्लिक करने के बाद कॉलबैक फ़ंक्शन

Question

निम्न स्निपेट मुझे क्लिक किए गए बटन के लिए कॉलबैक फ़ंक्शन में सामान करने की अनुमति देता है। हालांकि, मैं कॉलबैक फ़ंक्शन, या एक समान कामकाज कैसे प्राप्त कर सकता हूं जैसे कि जब कोई उपयोगकर्ता 'एक्स' बटन पर क्लिक करता है/संवाद को खारिज करता है तो मैं कुछ कोड कर सकता हूं?

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.} 

मैं अक्षम/नहीं करना चाहती

closeButton: false, 

Answer 1

ऑनस्केप फ़ंक्शन पर है यह आर

bootbox.dialog({ 
    message: 'the msg', 
    title: "Title", 
    onEscape: function() { 
     // you can do anything here you want when the user dismisses dialog 
    } 
}); 

Answer 2

साथ बंद करें बटन को छिपाने आप अगर मोडल OK या 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"); 
} 

पर एक क्लिक के बाद छिपा हुआ था जांच करने के लिए एक चर का उपयोग कर सकते

Fiddle demo

Answer 3

कुछ लोगों का एक हैक के आसपास थोड़ा के रूप में देखते सकता है, लेकिन मुझे ठीक नहीं है क्योंकि सभी मैं स्वीकार करना चाहता था कि कोई संदेश है, जो अगली घटना शुरू हो रहा स्वीकार किए जाते हैं सूट।

Bootbox.js 'confirm() तरीका है जिसके एक callback कार्रवाई की आपूर्ति करता है का उपयोग करना, confirm बटन hidden classname (display:none के लिए एक bootstaper सहायक वर्ग के साथ (जो confirm() पर आपूर्ति होगी) के लिए एक अतिरिक्त वर्ग गयी। इस प्रकार मॉडल एक सामान्य चेतावनी बॉक्स के रूप में प्रकट होता है।

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 Example