כיצד ליצור פאנל מודאלי ב Asp.Net

שלב 1

פתח את תוכנת Visual Studio במחשב הפיתוח שלך. פתח את יישום האינטרנט ולחץ על טופס. NET שבו ברצונך להשתמש כדי לפתוח את החלון המודאלי.

שלב 2

גרור את לוח הבקרה מארגז הכלים מימין לשמאל. Visual Studio יצייר באופן אוטומטי את החלונית, אך עליך להשתמש בעכבר כדי לשנות את גודל הלוח עם המאפיינים המתאימים.

שלב 3

לחץ על הכרטיסייה "הצג קוד" כדי לשנות את קוד ה- HTML. הוסף את המאפיין הבא לקוד החלונית של HTML:

id = "pnl"

מאפיין זה יוצר מזהה ייחודי עבור החלונית. השתמש במאפיין זה בקוד JavaScript שפותח את החלון המודאלי.

שלב 4

העתק והדבק את הקוד הבא בתגי HTML "ראש":

שלב 5

חזור לתצוגת עיצוב הטופס וגרור לחצן שליטה מארגז הכלים לטופס. לחצן זה יפתח את החלון המודאלי כאשר המשתמש לוחץ עליו. הוסף את המאפיין הבא להגדרת תג HTML של הלחצן:

OnClientClick = "openWindow ();"

פונקציה זו מבצעת קוד JavaScript וכאשר המשתמש לוחץ על הלחצן.