BootstrapDialog

¿Qué es ?

Es una clase Javascript , que ayuda a manejar diálogos en una página web realizada con el Framework Bootstrap.

¿Qué características tiene ?

1 – Esta clase está realizada de tal forma que no requiere de un contenedor/elemento previo.

2 – Separa el manejo del dom de un modal de bootstrap con su comportamiento javascript, ayudando a que sea reutilizable un modal durante la ejecución

3- Tiene diferentes Callbacks en los metodos de Show , Close y Remove.

Parámetros

Solo recibe un parámetro de tipo object con N propiedades con un orden indistinto. Dichas propiedades son:

  • (string/html) Title
  • (bool) BlockScreen , indica si se debe bloquear la pantalla y que al hacer clic en el fondo no se cierre el modal.
  • (string/html)HtmlContent , contenido del body del modal.
  • (Object) Actions: Es un objeto con dos posibles objetos hijos :
    • Confirm: objeto con dos propiedades Text  y Action :
      • Text: Texto del boton Confirmar
      • Action: función “callback” para cuando se haga clic en dicho boton.
    • Cancel : identico al Confirm .
  • (string) Type: es una cadena de texto que puede tener como valor : danger (rojo),success(verde),warning(naranja),info(azul),default(blanco)
  • (string) Size: es una cadena que sirve para añadir como clase al modal y que le aportara un diseño diferente, por defecto para bootstrap puede ser : modal-lg , modal-sm . Aunque podría pasarse alguna otra clase css.


Callbacks 

Podemos controlar el lanzamiento de funcionalidades una vez se haga un show , un close o un remove , de la siguiente forma:

dialog.Close(function(){alert(“Modal cerrado”)})

Y lo mismo pasaría con el Show , y Remove.

Puedes descargar el plugin BootstrapDialog