Jak vytvořit modální panel v Asp.Net

Krok 1

Otevřete software Visual Studio ve vývojovém počítači. Otevřete webovou aplikaci a klepněte na formulář .NET, který chcete použít k otevření modálního okna.

Krok 2

Přetáhněte ovládací prvek panelu z panelu nástrojů vlevo do otevřeného formuláře. Visual Studio automaticky vykreslí panel, ale pro změnu velikosti panelu pomocí příslušných rozměrů musíte použít myši.

Krok 3

Klepnutím na kartu Zobrazit kód můžete změnit kód HTML. Do kódu panelu HTML přidejte následující vlastnost:

id = "pnl"

Tato vlastnost vytvoří jedinečný identifikátor panelu. Tuto vlastnost použijte v kódu jazyka JavaScript, který otevře modální okno.

Krok 4

Zkopírujte a vložte následující kód do tagů HTML "head":

Krok 5

Vraťte se zpět do zobrazení návrhu formuláře a přetáhněte ovládací prvek tlačítka z panelu nástrojů do formuláře. Toto tlačítko otevře modální okno, když uživatel klikne na něj. Přidejte následující vlastnost k definici značky HTML tlačítka:

OnClientClick = "OtevřítWindow ();"

Tato funkce spustí kód JavaScript a když uživatel klepne na tlačítko.