Framework7 - Sovrapposizione modale

Descrizione

Modal è una piccola finestra che visualizza il contenuto da un'origine separata senza lasciare la finestra principale.

Ci sono diversi tipi di modali disponibili in Framework7 come specificato nella tabella seguente:

S.No Tipo e descrizione modali
1 Mettere in guardia

Visualizza l'avviso modale.

2 Confermare

Conferma modale viene utilizzato per confermare alcune azioni per il contenuto visualizzato.

3 Richiesta

Il prompt modale consente agli utenti di eseguire alcune azioni.

4 Accesso e password

Questo tipo di modale viene utilizzato per l'autenticazione.

5 Modali di nidificazione

Puoi usare un modale dentro un altro modale.

6 Preloader Modal

La modalità Preloader definisce l'azione in background e interrompe le azioni dell'utente durante questa azione.

7 Indicatore

L'indicatore modale specifica una piccola attività di indicazione come il preloader modale per le azioni dell'utente.

Modali personalizzati

La tabella seguente mostra l'elenco dei parametri modali:

S.No Parametro e descrizione genere Predefinito
1

title

È un parametro opzionale che definisce la stringa con il titolo modale.

corda -
2

text

È un parametro opzionale che definisce la stringa con il testo modale.

corda -
3

afterText

È un parametro opzionale che definisce la stringa dopo il testo.

corda
4

buttons

È un parametro opzionale che contiene un array di pulsanti e ogni pulsante è specificato con il parametro button come oggetto.

Vettore -
5

verticalButtons

È un parametro opzionale, che specifica i pulsanti verticali impostandolo su true.

booleano falso
6

onClick

È un parametro opzionale che esegue la funzione di callback quando l'utente fa clic sul pulsante modale.

funzione -

La tabella seguente elenca i parametri del pulsante:

S.No Parametro e descrizione genere Predefinito
1

text

È un parametro opzionale che definisce la stringa con il testo del pulsante.

corda -
2

bold

È un parametro opzionale, che rende il testo in grassetto impostandolo su true.

booleano falso
3

close

È un parametro opzionale, che chiuderà il modale quando fai clic sul pulsante se è impostato su true.

booleano vero
4

onClick

È un parametro opzionale che esegue la funzione di callback quando l'utente fa clic sul pulsante.

funzione -

Eventi modali

La tabella seguente mostra un elenco degli eventi modali:

S.No Evento Target e descrizione
1 Aperto

Modal Element

Quando apri un'animazione, questo evento verrà attivato.

2 ha aperto

Modal Element

Quando l'apertura di un'animazione è completa, questo evento verrà attivato.

3 vicino

Modal Element

Quando chiudi un'animazione, questo evento verrà attivato.

4 chiuso

Modal Element

Quando la chiusura di un'animazione è completa, questo evento verrà attivato.