web-dev-qa-db-fra.com

Empêcher la fermeture de SweetAlert en cliquant en dehors de la fenêtre contextuelle

J'utilise 'Sweet Alert' pour un popup sur ma vue produit dans une application de commerce électronique à deux boutons; une pour aller à la vue panier et une autre pour recharger la vue.

Mais lorsqu'un utilisateur clique en dehors de la fenêtre contextuelle, la fenêtre contextuelle se ferme automatiquement ... J'ai essayé de suivre les propriétés pour empêcher sa fermeture, mais rien ne fonctionne.

  • 'hideOnOverlayClick':false
  • 'hideOnContentClick':false

  • closeClick:false

  • helpers: { overlay: { closeClick: false } }

Toute aide/suggestion est très appréciée. Merci.

7
Saqib A. Azhar

La propriété que vous recherchez est proche de OnClickOutside:

closeOnClickOutside: false
12
Channel

Vous pouvez utiliser cette configuration

allowOutsideClick: false

Cela devrait marcher.

6
Halawa

Pour SweetAlert 2

allowOutsideClick: false

et versions avant 2 utilisation 

closeOnClickOutside: false
4
SouravOrii

C'est allowOutsideClick: false par exemple

swal({
  title: "View Cart",
  text: "Are you sure?",
  type: "warning",
  showCancelButton    : true,
  confirmButtonColor  : "#ff0000",
  confirmButtonText   : "Yes",
  allowOutsideClick: false,
  CancelButtonText    : "No"
            },
                function() //confirm
            {
                //if Yes do this
            }
);
2
qammar feroz

Vous pouvez définir cette propriété:

allowOutsideClick: true
0
Vinod Bhavnani

Si vous ne voulez pas fermer la boîte de dialogue sur ESC ou en dehors, cliquez ci-dessous, cela fonctionne pour moi.!

swal({
  title: "Are you sure?",
  text: "You will not be able to recover this details!",
  icon: "warning",
  closeOnClickOutside: false,
  closeOnEsc: false,
  allowOutsideClick: false,
  buttons: [
    'No, cancel it!',
    'Yes, I am sure!'
  ],
  dangerMode: true,
})
0
Jitendra