ตัวอย่าง การใช้งาน Rich Calendar Server Control

ตัวอย่างต่อไปนี้ จะเป็นการแสดงถึง ตัวอย่างโค้ดในการใช้งาน Canlendar (ปฏิทิน) ซึ่งเป็น Control ที่มีประโยชน์ และความสะดวกในการ ใช้งาน

ขั้นตอนการสร้าง

• เปิดโปรแกรม ASP.NET Web Matrix และทำการสร้างไฟล์ ASP.NET ตั้งชื่อว่า Calendar.phpx บันทึกไฟล์ไว้ที่ Root Directory (ในตัวอย่างนี้คือ Root Directory ของ IIS = C:\inetput\wwwroot\)
• ให้ทำการลาก-วาง (Drag and Drop) Control ที่ชื่อ Label, Carlendar และ Button จากแท็บ Web Control ที่อยู่ในหน้าต่าง Toolbox ดังรูป

• จากขั้นตอนการออกแบบ หน้าตาของเว็บโดยการลากวาง Control ที่ต้องการ โปรแกรม Web Matrix ก็จะทำการสร้างโค้ด การทำงานให้คุณโดยอัตโนมัติ โดยคุณสามารถดูได้จาก แท็บ HTML
• ขั้นตอนต่อมา จะเป็นการเลือกรูปแบบของ Calendar จากโปรแกรม Web Matrix ที่ให้มา โดยคุณต้องการเลือกที่ Calendar Control แล้วคลิกที่ปุ่ม Auto Format ของหน้าต่าง Property ดังรูป
  
• หลังจากนั้นก็จะปรากฏหน้าต่างให้คุณ เลือก แบบของ Calendar ที่ต้องการ หลังจากนั้น ก็ให้คลิกปุ่ม OK เพื่อยืนยันการ เลือกแบบที่ต้องการ ดังแสดงในรูปด้านล่าง
  
• ทำการ Double Click ที่ปุ่ม Button, โปรแกรม Web Matrix จะทำการสร้าง เมทธอด(server-side event handler method) ที่ชื่อว่า Button1_Click ขึ้นมา ในแท็บ Code ซึ่ง เมทธอดนี้ จะทำงานก็ต่อเมื่อ ผู้ใช้ทำการคลิกปุ่ม ดังกล่าว
• ทำการป้อนโค้ดด้านล่าง ต่อไปนี้ ลงใน Method Button1_Click

Sub Button1_Click(sender As Object, e As EventArgs)
 Label1.Text = Calendar1.SelectedDate
End Sub

• หากคุณต้องการ ดูโค้ดทั้งหมดที่เราได้สร้างขึ้น สามารถดูได้จาก แท็บ ALL
• ทำการบันทึกไฟล์ แล้วทดลอง Run โปรแกรม โดยกดปุ่ม F5 หรือคลิกที่ปุ่ม Start บน Toolbar
• ให้ทำการคลิก เลือกวันที่อยู่บน Calendar แล้วคลิกปุ่ม Button ก็จะเห็นการทำงาน ของโปรแกรม ที่เราได้เขียนขึ้นมา จากขั้นตอนต่างๆ ข้างต้น