ModalPopup Extender อย่างง่าย

ModalPopup ก็เปรียบเสมือนการเขียนด้วย Javascript โดยหลักการคลิ๊กที่ปุ่มแล้วให้แสดงข้อมูลตรงกลางหน้า โดยที่หน้าที่ถูก Popup ทับอยู่จะไม่สามารถทำอะไรได้จนกว่าหน้า Popup จะทำการเสร็จสิ้น

Main Page เป็นหน้าหลักที่มี Control ดังนี้

• สร้าง CSS ตามดังนี้ .ModalPopupBG { background-color: #000000; filter: alpha(opacity=75); opacity: 0.8;}
• สร้าง Panel ใช้สำหรับเก็บ Control ต่างๆที่ต้องการให้แสดงตอนกดปุ่ม Popup โดยใน Panel จะมี Control ที่สำคัญอยู่ 2 ปุ่มคือ Ok กับ Cancel เป็นต้น
• Button สำหรับที่กดปุ่มแล้วให้ ModalPopup ทำงาน และทำการ Add Extender ModalPopup เข้าไปด้วย โดยที่ Extender จะมีค่ากำหนดดังนี้
• BackgroupCssClass = ModalPopupBG
• CancelControlID = Cancel 
• PopupControlID = Pane

*** ปุ่ม OK ที่อยู่ใน Panel ก็สามารถเขียน Code ได้ตามต้องการ