Framework7 - Modal de superposition

La description

Modal est une petite fenêtre qui affiche le contenu d'une source distincte sans quitter la fenêtre parente.

Il existe différents types de modaux disponibles dans Framework7, comme spécifié dans le tableau suivant -

S. Non Type modal et description
1 Alerte

Il affiche le modal d'alerte.

2 Confirmer

Confirmer modal est utilisé pour confirmer une action pour le contenu affiché.

3 Rapide

Prompt modal permet aux utilisateurs d'effectuer certaines actions.

4 Identifiant et mot de passe

Ce type de modal est utilisé pour l'authentification.

5 Modaux d'imbrication

Vous pouvez utiliser un modal dans un autre modal.

6 Preloader Modal

Preloader modal définit l'action d'arrière-plan et arrête les actions de l'utilisateur pendant cette action.

sept Indicateur

Indicateur modal spécifie une petite activité d'indication comme le modal de préchargement pour les actions de l'utilisateur.

Modaux personnalisés

Le tableau suivant présente la liste des paramètres modaux -

S. Non Paramètre et description Type Défaut
1

title

C'est un paramètre facultatif qui définit la chaîne avec le titre modal.

chaîne -
2

text

C'est un paramètre facultatif qui définit la chaîne avec le texte modal.

chaîne -
3

afterText

C'est un paramètre facultatif qui définit la chaîne après le texte.

chaîne
4

buttons

C'est un paramètre facultatif qui contient un tableau de boutons et chaque bouton est spécifié avec le paramètre button comme objet.

tableau -
5

verticalButtons

C'est un paramètre facultatif, qui spécifie les boutons verticaux en le définissant sur true.

booléen faux
6

onClick

C'est un paramètre facultatif qui exécute la fonction de rappel lorsque l'utilisateur clique sur le bouton modal.

fonction -

Le tableau suivant répertorie les paramètres du bouton -

S. Non Paramètre et description Type Défaut
1

text

C'est un paramètre facultatif qui définit la chaîne avec le texte du bouton.

chaîne -
2

bold

C'est un paramètre facultatif, qui rend le texte en gras en le définissant sur true.

booléen faux
3

close

C'est un paramètre facultatif, qui fermera le modal lorsque vous cliquez sur le bouton s'il est défini sur true.

booléen vrai
4

onClick

C'est un paramètre facultatif qui exécute la fonction de rappel lorsque l'utilisateur clique sur le bouton.

fonction -

Événements modaux

Le tableau suivant présente une liste des événements modaux -

S. Non un événement Cible et description
1 ouvert

Modal Element

Lorsque vous ouvrez une animation, cet événement est déclenché.

2 ouvert

Modal Element

Lorsque l'ouverture d'une animation est terminée, cet événement sera déclenché.

3 Fermer

Modal Element

Lorsque vous fermez une animation, cet événement est déclenché.

4 fermé

Modal Element

Lorsque la fermeture d'une animation est terminée, cet événement sera déclenché.