alvaro-prieto
4/27/2017 - 2:30 PM

Dialogo confirmación (JS JavaScript plugin confirmación alert alerta confirm botones)

Dialogo confirmación (JS JavaScript plugin confirmación alert alerta confirm)


///LA FORMA MAS BONITA ES LA ULTIMA
//Básica, con texto por defecto:

$().plugins("confirmacion", {},
   function() {
      //Callback cuando el control está disponible
      console.log("Control disponible, ahora existe en el DOM");

      $(this).on("aceptado", function() {
         //Cuando es notificado del mensaje "aceptado" por su hijo botón...
         alert("aceptado");
      });
   }
);

//Personalizada, con texto personalizado:
$().plugins("confirmacion", {
	"titulo": "Operación realizada con éxito",
	"contenido": "Ya se han guardado todas las sesiones programadas, ¿Desea continuar agregando nuevas sesiones automatizadas en otras fechas y horarios?",
	"botones":{
		"aceptar":{
			"rotulo":"Programar nuevas",
		},
		"cancelar":{
			"rotulo":"No gracias"
		}
	}
},
function() {
	$(this).on("aceptado", function() {

	});
	$(this).on("cancelado", function() {

	});
				
});


//Forma alternativa, más consistente:

  $().plugins("confirmacion", {
  	"titulo": q.data("strTituloConfirmaEliminar"),
  	"contenido": q.data("strTextoConfirmaEliminar"),
  	"botones":{
  		"cancelar":{
  			"rotulo": q.data("strNoConfirmaEliminar")
  		},        	    
  		"aceptar":{
  			"rotulo": q.data("strSiConfirmaEliminar"),
  		}
  	}
  }).on("aceptado", function() {
      console.log("hola");
  }).on("cancelado", function(){
     console.log("adios"); 
  });