Utilización
Vamos a ver en este apartado como inicializar todos los elementos dinámicos juntos y como liberarlos cuando no se utilicen más.
Iniciación
/**
Dentro de los script de html ejecutar:
*/
// Esta función va a permitir iniciar:
// Dropdown, Tooltips y Comentarios
BS.DynamicsAutoInit()
Importante: Solo utilizar esta función cuando se necesiten todos los elementos dinámicos
si esto no es de esa manera lo mejor es optar por la inicialización individual.
La inicialización es por defecto, no recibe parámetros de inicialización, por esta razón si se require agregar estos elementos de otra forma es imperioso realizarlo de manera individual.
La inicialización es por defecto, no recibe parámetros de inicialización, por esta razón si se require agregar estos elementos de otra forma es imperioso realizarlo de manera individual.
Muestra
Vamos a ver una muestra de los tres elementos dinámicos funcionando.
Ahora bien, que pasa si queremos liberar recursos y desvincular la lógica de todos los elementos dinámicos
a través de una función destroy().
Después de dar click en el botón "Desactivar Todos" notarán que los elementos dinámicos dejaron de funcionar.
La función para realizar esto es BS.DynamicsAutoDestroy() la cual anula el funcionamiento de los eventos y libera recursos.
La función para realizar esto es BS.DynamicsAutoDestroy() la cual anula el funcionamiento de los eventos y libera recursos.
document.getElementById("desactivador").addEventListener("click", () => {
BS.DynamicsAutoDestroy() // DESACTIVA TODOS LOS ELEMENTOS DINÁMICOS
// Muestra el toast avisando lo sicedido
BS.Toast({html: "Elemementos Dinámicos Eliminados", clases: ["bg-red"]})
})