Come creare un pannello modale in Asp.Net

Passaggio 1

Apri il software Visual Studio sul tuo computer di sviluppo. Aprire l'applicazione Web e fare clic sul modulo .NET che si desidera utilizzare per aprire la finestra modale.

Passaggio 2

Trascina il controllo del pannello dalla casella degli strumenti a sinistra al modulo aperto. Visual Studio disegna automaticamente il pannello, ma è necessario utilizzare il mouse per ridimensionare il pannello con le dimensioni appropriate.

Passaggio 3

Fai clic sulla scheda "Visualizza codice" per passare al codice HTML. Aggiungi la seguente proprietà al codice del pannello HTML:

id = "pnl"

Questa proprietà crea un identificativo univoco per il pannello. Utilizzare questa proprietà nel codice JavaScript che apre la finestra modale.

Passaggio 4

Copia e incolla il seguente codice nei tag HTML "head":

Passaggio 5

Tornare alla vista della struttura del modulo e trascinare un controllo pulsante dalla casella degli strumenti al modulo. Questo pulsante aprirà la finestra modale quando l'utente fa clic su di esso. Aggiungi la seguente proprietà alla definizione del tag HTML del pulsante:

OnClientClick = "openWindow ();"

Questa funzione esegue un codice JavaScript e quando l'utente fa clic sul pulsante.