Jak utworzyć panel modalny w Asp.Net

Krok 1

Otwórz oprogramowanie Visual Studio na komputerze programistycznym. Otwórz aplikację internetową i kliknij formularz .NET, którego chcesz użyć, aby otworzyć okno modalne.

Krok 2

Przeciągnij kontrolkę panelu z przybornika po lewej stronie do otwartego formularza. Visual Studio automatycznie narysuje panel, ale musisz użyć myszy, aby zmienić rozmiar panelu z odpowiednimi wymiarami.

Krok 3

Kliknij kartę "Wyświetl kod", aby zmienić kod HTML. Dodaj następującą właściwość do kodu panelu HTML:

id = "pnl"

Ta właściwość tworzy unikalny identyfikator dla panelu. Użyj tej właściwości w kodzie JavaScript, który otwiera okno modalne.

Krok 4

Skopiuj i wklej następujący kod do tagów HTML "head":

Krok 5

Wróć do widoku projektu formularza i przeciągnij kontrolkę przycisku ze skrzynki narzędziowej do formularza. Ten przycisk otworzy okno modalne, gdy użytkownik je kliknie. Dodaj następującą właściwość do definicji znacznika HTML przycisku:

OnClientClick = "openWindow ();"

Ta funkcja wykonuje kod JavaScript i gdy użytkownik kliknie przycisk.