Sweet alert problem in JSF

Question

Sweet alert problem in JSF

Navigation

#1 by (0 votes)

0

I am trying to integrate the sweet alert plugin in a boto in JSF to show a presentable confirmation window, the problem is that pressing the button opens the sweet alert but still executes the action of the controller without taking into account the confirmation and refreshes the page, that is to say that the sweet alert if it leaves, but refreshes the page and therefore it closes.

This is the code I use in the javascipt

function dialog() {
            event.preventDefault();
            swal({
                title: "Are you sure?",
                text: "Your will not be able to recover this imaginary file!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: "No, cancel plx!",
                closeOnConfirm: false,
                closeOnCancel: false},
            function (isConfirm) {
                if (isConfirm) {
                    swal("Deleted!", "Your imaginary file has been deleted.", "success");
                    return true;
                } else {
                    swal("Cancelled", "Your imaginary file is safe :)", "error");
                    return false;
                }
            });

        }

And this is the code on the JSF page

<h:commandLink id="boton" onclick="return dialog()" action="#{productosController.refrescar()}">
                    <i class="fa fa-pencil"></i>                         
                </h:commandLink>

Someone who can give me your help?

javascript jquery html jsf sweetalert

asked by JADER FELIPE DÍAZ SABOYÁ 10.12.2018 в 21:16

source

1 answer

vb.net - error filling the data adapter when I select an item from a dropdown Subtract dates in java

score 0 · Answer 1

Try as follows: When you create the swal you can put buttons that have a value, then capturing that value you can make a switch and make the option associated with the value eg accept, cancel. I leave an example made in html in case it serves as a guide:

<div id="uno">Prueba</div>
<script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>
  <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script>
swal("Prueba SweetAlert", {
  buttons: {
aceptar: true,
cancelar: true
  },
})
.then((value) => {
  switch (value) {
 
case "cancelar":
   swal("SE CANCELA LA ACCION", "Cancelado", "error");
  break;
 
case "aceptar":
  $('#uno').html("TEXTO MODIFICADO")
  swal("SE ACEPTA LA ACCION", "Se cambio el texto del div a TEXTO MODIFICADO", "success");
  break;
  }
});
 </script>