SweetAlert2: ¿vincular otro evento para cancelar el botón?

El tutorial o código que verás en este artículo es la solución más rápida y válida que encontramos a tu duda o dilema.

Solución:

Simplemente agregue su función personalizada para detectar el rechazo, por ejemplo:

swal(
   title: 'Some title',
   text: 'some text for the popup',
   type: 'warning',
   showCancelButton: true,
   cancelButtonText: 'Some text for cancel button'
).then(function()
   // function when confirm button clicked
, function(dismiss)
   if(dismiss == 'cancel')
       // function when cancel button is clicked
   
);

Incluso puede agregar más funciones para capturar otro evento de descarte, solo lea SweetAlert2 Docs para obtener más información sobre el evento de descarte.

con una pequeña personalización de la respuesta de @Raditya Adi Baskara,

swal(
        title: "$titleWarnignBox",
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#36c6d3',
        cancelButtonColor: '#d33',
        confirmButtonText: '$confrimBtn',
        cancelButtonText: '$cancelBtn'
    ).then(function(result)
        if(result.value)
            console.log('good');
        else if(result.dismiss == 'cancel')
           console.log('cancel');
        

    );

1. Puede crear un archivo html personalizado y tener un botón de cancelación que activará su propio controlador de cancelación.

por ejemplo

       
  confirm
  cancel


$.get("custom.html", function (data) 
        swal(
            html: data,
            showCloseButton: false,
            showCancelButton: false,
            showConfirmButton: false
        );
        $("#cancelBtn").click(function () 
            //handle your cancel button being clicked
            $.when($.ajax(....)).then(function() 
                 // when all AJAX requests are complete
             );
        );
        $("#confirmBtn").click(function () 
            //handle your confirm button being clicked
        );
    );

2. Podría simplemente recuperar la ventana emergente al cancelar. Agregue esto a su función swal.

   function (dismiss) 
      if (dismiss === 'cancel') 
         swal(..);            
      
   
   

así en su totalidad

swal(
   title: 'Swal Title',
   text: 'Your swal text',
   type: 'warning',
   showCancelButton: true,
   cancelButtonText: 'cancel'
).then(function()
   //Confirmed
, function(dismiss)
   if(dismiss == 'cancel')
      //swal(..); //un-comment this line to add another sweet alert popup on cancel
   
);

Tienes la opción de añadir valor a nuestra información aportando tu experiencia en las notas.

---

---

Utiliza Nuestro Buscador