Come fare un modale Pannello in Asp.Net

February 23

Un pannello di Microsoft ASP.NET è un contenitore che consente di organizzare e lay out controlli .NET. È possibile utilizzare il pannello di controllo come una finestra modale, che è una finestra pop-up che chiede all'utente per l'input. È necessario creare il pannello di controllo sul modulo da cui si desidera aprire la finestra del pannello, e utilizzare JavaScirpt con .NET per aprire la finestra nella pagina Web.

istruzione

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

2 Trascinare e rilasciare un pannello di controllo dalla casella degli strumenti di sinistra alla forma aperta. Visual Studio disegna automaticamente il pannello, ma si utilizza il mouse per dimensioni del pannello alle dimensioni appropriate.

3 Fare clic sulla scheda "Visualizza codice" per passare al codice HTML. Aggiungere la seguente proprietà al codice HTML del pannello:

id = "PNL"

Questa struttura crea un ID univoco per il pannello. È possibile utilizzare questa proprietà nel codice JavaScript che apre la finestra modale.

4 Copia e incolla il seguente codice all'interno dei tag HTML "testa":

<Script type = "text / javascript">
var id = null;
Funzione openWindow ()
{
var pnl = $ get ( "PNL");
if (pnl! = null)
{
pnl.style.left = "50px";
pnl.style.top = "50px";
id = setTimeout ( "movePanel ();", 100);
}
}
</ Script>

5 Tornare alla visualizzazione di progettazione per la forma e trascinare e rilasciare un controllo pulsante dalla casella degli strumenti al form. Questo pulsante apre la finestra modale quando l'utente fa clic su esso. Aggiungere la seguente proprietà di definizione del tag HTML del pulsante:

OnClientClick = "openWindow ();"

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