Skip to main content
se añadieron 1435 caracteres en el cuerpo
Origen Enlace
Diego Saravia
  • 632
  • 1
  • 6
  • 16

Desconozco por completoBien, para hacer eso solo tienes que retornar la funcion Swal.fire();, ya que esta es una función, ella retornará un valor y para retornar el usovalor dentro de otra función, tienes que le quieres darretornar a esto por falta de información en la pregunta pero puedo sugerirte una soluciónfunción. Ahorita con el ejemplo verás de lo que hablo.

Tengo dosSolo decir que debes tener en cuenta que las funciones: de SweetAlert retornar un Promise, por lo tanto la respuesta será asincrónica.

function onConfirmButtonPressed() {
    alert('Confirmed!');
}

function onCancelButtonPressed() {
    alert('Canceled :(')
}

Y luegoSin más que decir, tengo mi función de SweetAlertte dejo el ejemplo ya resuelto:

Swal.fire({
    title: 'un titulo',
    showCancelButton: true,
    confirmButtonText: 'Si',
    showLoaderOnConfirm: true,
    preConfirm: (isConfirm) => {
        return isConfirm ? true : false; // Esto es JavaScript, no Python, entonces estas sentencias van en con minúscula
    }
}).then(response => {
    if (response.value) {
        Swal.close();
        onConfirmButtonPressed();
    } else {
        onCancelButtonPressed();
    }
});

// app.js

function verificarValidacionFormaPago(formaPago) {
    switch (formaPago) {
        case 'S': return true; break;
        case 'N': return false; break;
        case 'X': {
            return Swal.fire({ // retornando lo que retorne la función Swal.fire(); (retorna una Promise)
                title: 'un titulo',
                showCancelButton: true,
                confirmButtonText: 'Si',
                showLoaderOnConfirm: true,
                preConfirm: (isConfirm) => {
                    return isConfirm; // Si el usuario dió click en 'sí', se retornará true.
                }
            }).then(response => {
                Swal.close();
                return response.value; // En caso de haberse clickeado cancel, retornará 'undefined' que es lo mismo que false en cuanto a interpretación booleana.
            });
        }
    }
}

var a = verificarValidacionFormaPago('X');
if (a instanceof Promise) { // Validando si lo retornado por verificarValidacionFormaPago() es una promesa (caso 'X');
    a.then(response => {
        alert(response ? 'Confirmed :)' : 'Canceled :(');
    });
} else {
    alert(a ? 'Confirmed :)' : 'Canceled :(');
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>StackOverflow example</title>
</head>
<body>
    
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
    <script src="app.js"></script>
</body>
</html>

Desconozco por completo el uso que le quieres dar a esto por falta de información en la pregunta pero puedo sugerirte una solución.

Tengo dos funciones:

function onConfirmButtonPressed() {
    alert('Confirmed!');
}

function onCancelButtonPressed() {
    alert('Canceled :(')
}

Y luego, tengo mi función de SweetAlert:

Swal.fire({
    title: 'un titulo',
    showCancelButton: true,
    confirmButtonText: 'Si',
    showLoaderOnConfirm: true,
    preConfirm: (isConfirm) => {
        return isConfirm ? true : false; // Esto es JavaScript, no Python, entonces estas sentencias van en con minúscula
    }
}).then(response => {
    if (response.value) {
        Swal.close();
        onConfirmButtonPressed();
    } else {
        onCancelButtonPressed();
    }
});

Bien, para hacer eso solo tienes que retornar la funcion Swal.fire();, ya que esta es una función, ella retornará un valor y para retornar el valor dentro de otra función, tienes que retornar a la función. Ahorita con el ejemplo verás de lo que hablo.

Solo decir que debes tener en cuenta que las funciones de SweetAlert retornar un Promise, por lo tanto la respuesta será asincrónica.

Sin más que decir, te dejo el ejemplo ya resuelto:

// app.js

function verificarValidacionFormaPago(formaPago) {
    switch (formaPago) {
        case 'S': return true; break;
        case 'N': return false; break;
        case 'X': {
            return Swal.fire({ // retornando lo que retorne la función Swal.fire(); (retorna una Promise)
                title: 'un titulo',
                showCancelButton: true,
                confirmButtonText: 'Si',
                showLoaderOnConfirm: true,
                preConfirm: (isConfirm) => {
                    return isConfirm; // Si el usuario dió click en 'sí', se retornará true.
                }
            }).then(response => {
                Swal.close();
                return response.value; // En caso de haberse clickeado cancel, retornará 'undefined' que es lo mismo que false en cuanto a interpretación booleana.
            });
        }
    }
}

var a = verificarValidacionFormaPago('X');
if (a instanceof Promise) { // Validando si lo retornado por verificarValidacionFormaPago() es una promesa (caso 'X');
    a.then(response => {
        alert(response ? 'Confirmed :)' : 'Canceled :(');
    });
} else {
    alert(a ? 'Confirmed :)' : 'Canceled :(');
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>StackOverflow example</title>
</head>
<body>
    
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
    <script src="app.js"></script>
</body>
</html>

Origen Enlace
Diego Saravia
  • 632
  • 1
  • 6
  • 16

Desconozco por completo el uso que le quieres dar a esto por falta de información en la pregunta pero puedo sugerirte una solución.

Tengo dos funciones:

function onConfirmButtonPressed() {
    alert('Confirmed!');
}

function onCancelButtonPressed() {
    alert('Canceled :(')
}

Y luego, tengo mi función de SweetAlert:

Swal.fire({
    title: 'un titulo',
    showCancelButton: true,
    confirmButtonText: 'Si',
    showLoaderOnConfirm: true,
    preConfirm: (isConfirm) => {
        return isConfirm ? true : false; // Esto es JavaScript, no Python, entonces estas sentencias van en con minúscula
    }
}).then(response => {
    if (response.value) {
        Swal.close();
        onConfirmButtonPressed();
    } else {
        onCancelButtonPressed();
    }
});