2017-02-23 11 views
6

Używam javascript słodki alert biblioteka:Usuń przycisk „OK” z okna słodki ostrzegania

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

https://github.com/limonte/sweetalert2

Chcę usunąć przycisk OK z polu alertu, ale nie znaleźliśmy dowolna właściwość, aby nie wyświetlać tego przycisku.

Używam właściwości timera timer:1000 do zamykania alertu w ciągu jednej sekundy. Nie sądzę, aby w tym przypadku użyto przycisku OK.

enter image description here

+0

zestaw 'showConfirmButton: FALSE w danej konfiguracji. [Link do dokumentacji] (https://limonte.github.io/sweetalert2/#allow-enter-key) – haxxxton

Odpowiedz

13

Można użyć tych właściwości:

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

like this

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') 
    } 
    } 
) 
+1

Praca z moją aplikacją: angular2 + sweetalert2, uratował mój czas! :) – amey

3

trzeba ustawić showConfirmButton:false w danej konfiguracji.

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

Oto fiddle

0

Przed dodaniem jakichkolwiek przycisków, jasne wszystkie przyciski, a następnie ponownie włożyć je jak (przyjmując nazwę alertu „A”) -

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

nadzieję, że Pomogę !!!

1

Działa to dla mnie: $(".confirm").attr('disabled', 'disabled');

Moja funkcja:

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'); 

     }); 
}