web-dev-qa-db-fra.com

Supprimer le bouton "OK" de la boîte de dialogue d'alerte douce

J'utilise la bibliothèque d'alertes javascript sweet:

https://limonte.github.io/sweetalert2/

https://github.com/limonte/sweetalert2

Je souhaite supprimer le bouton OK du message d'alerte, mais je n'ai trouvé aucune propriété permettant de ne pas afficher ce bouton.

J'utilise la propriété timer timer:1000 pour fermer l'alerte en une seconde ... donc je ne pense pas qu'il y ait utilisation du bouton ok dans cette affaire.

 enter image description here

javascriptjquerysweetalertsweetalert2
13
Ankush Rishi

Vous pouvez utiliser ces propriétés:

showCancelButton: false, // There won't be any cancel button
showConfirmButton: false // There won't be any confirm button

Comme ça

swal({
  title: 'Auto close alert!',
  text: 'I will close in 2 seconds.',
  timer: 2000,
  showCancelButton: false,
  showConfirmButton: false
}).then(
  function () {},
  // handling the promise rejection
  function (dismiss) {
    if (dismiss === 'timer') {
      //console.log('I was closed by the timer')
    }
  }
)
22
Viplock

Mise à jour 4/6/2018

showCancelButton et showConfirmButton ne sont plus nécessaires. À la place, vous pouvez définir des boutons: true pour afficher les deux boutons, ou des boutons: false pour masquer tous les boutons. Par défaut, seul le bouton de confirmation est affiché.

Alors maintenant, au lieu de faire 

showCancelButton: false;

showConfirmButton: false;

Il suffit de faire

buttons: false;

Guides

12
NewBie

Vous devez définir showConfirmButton:false dans votre configuration.

swal({
  title: 'Are you sure?',
  text: "You won't be able to revert this!",
  type: 'warning',
  showConfirmButton:false,
  confirmButtonText: 'Yes, delete it!'
})

Voici le violon

3
Saurabh Sharma
swal({

    title: "Success",
    text: "Permissions assigned Successfully",
    icon: "success",
    closeOnClickOutside: false,
})

Utilisez closeOnClickOutside: false,Il fonctionne pour moi.

2
Toqeer Chaudhary

Cela fonctionne pour moi: $(".confirm").attr('disabled', 'disabled');

Ma fonction: 

function DeleteConfirm(c){
  swal({   
            title: "Want to delete this item?",   
            text: "You will not be able to undo this action!",   
            type: "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",   
            confirmButtonText: "Yes, delete it!",   
            closeOnConfirm: false 
        }, function(){ 
          $(".confirm").attr('disabled', 'disabled'); 

        });
}
2
Salah

Avant d’ajouter des boutons, effacez tous les boutons puis rajoutez-les comme suit (en supposant que le nom de l’alerte est «A»)

A.getButtonTypes().clear();
ButtonType OpenStorage=new ButtonType("Open Storage");
A.getButtonTypes().addAll(OpenStorage,ButtonType.CANCEL,ButtonType.NEXT);

J'espère que ça va aider !!!

0
Ragib

Le code ci-dessous fonctionne pour moi

J'ai seulement mis buttons: false;

et mise à jour

swal({
    title: 'Auto close alert!',
    text: 'I will close in 2 seconds.',
    timer: 2000,
    showCancelButton: false,
    showConfirmButton: false
});
0
Suhas Bachhav

Essayez de définir la propriété showConfirmButton sur false.

Regardez leurs docs

0
the_lost_one