Framework7 - Modal de superposición

Descripción

Modal es una pequeña ventana que muestra el contenido de una fuente separada sin salir de la ventana principal.

Hay diferentes tipos de modales disponibles en Framework7 como se especifica en la siguiente tabla:

S. No Tipo y descripción modal
1 Alerta

Muestra el modal de alerta.

2 Confirmar

Confirmar modal se usa para confirmar alguna acción para el contenido mostrado.

3 Rápido

Prompt modal permite a los usuarios realizar algunas acciones.

4 Inicio de sesión y contraseña

Este tipo de modal se utiliza para la autenticación.

5 Modales de anidación

Puede usar un modal dentro de otro modal.

6 Modal de precargador

El modal de precargador define la acción en segundo plano y detiene las acciones del usuario durante esta acción.

7 Indicador

El modal de indicador especifica una pequeña actividad de indicación como el modal de precargador para las acciones del usuario.

Modales personalizados

La siguiente tabla muestra la lista de parámetros modales:

S. No Descripción de parámetros Tipo Defecto
1

title

Es un parámetro opcional que define la cadena con el título modal.

cuerda -
2

text

Es un parámetro opcional que define la cadena con el texto modal.

cuerda -
3

afterText

Es un parámetro opcional que define la cadena después del texto.

cuerda
4

buttons

Es un parámetro opcional que contiene una matriz de botones y cada botón se especifica con el parámetro de botón como objeto.

formación -
5

verticalButtons

Es un parámetro opcional, que especifica los botones verticales configurándolo en verdadero.

booleano falso
6

onClick

Es un parámetro opcional que ejecuta la función de devolución de llamada cuando el usuario hace clic en el botón modal.

función -

La siguiente tabla enumera los parámetros del botón:

S. No Descripción de parámetros Tipo Defecto
1

text

Es un parámetro opcional que define la cadena con el texto del botón.

cuerda -
2

bold

Es un parámetro opcional, que hace que el texto esté en negrita al establecerlo en verdadero.

booleano falso
3

close

Es un parámetro opcional, que cerrará el modal cuando haga clic en el botón si está configurado en verdadero.

booleano cierto
4

onClick

Es un parámetro opcional que ejecuta la función de devolución de llamada cuando el usuario hace clic en el botón.

función -

Eventos modales

La siguiente tabla muestra una lista de los eventos modales:

S. No Evento Destino y descripción
1 abierto

Modal Element

Cuando abres una animación, este evento se activará.

2 abrió

Modal Element

Cuando se completa la apertura de una animación, este evento se activará.

3 cerca

Modal Element

Cuando cierras una animación, este evento se activará.

4 cerrado

Modal Element

Cuando se completa el cierre de una animación, este evento se activará.