การติดตั้ง AJAX กับ Visual Studio 2008

ความสามารถของคอนโทรลต่าง ๆ ของ ASP.NET ที่มากับ Visual Studio 2008 ยังธรรมดาอยู่มาก ๆ เราสามารถเสริมเขี้ยวเล็บให้กับคอนโทรต่าง ๆ ให้มากขึ้นก็ต้องอาศัยตัว AJAX ซึ่งจริง ๆ แล้ว AJAX มีมา-นม-นาน (อย่าอ่านเป็น นม-ยาน น่ะ) การติดตั้งและเรียกใช้งานในแต่ละเวอร์ชันก็ต่างกันไปบ้าง พอเป็นกะษัยให้ปวดหัว แต่รับรองว่าไม่ยากอย่างที่คิด สำหรับใครที่ติดตั้งและใช้งาน Visual Studio 2008 หรือ VWD 2008 Express อยู่แล้วก็สามารถติดตั้ง AJAX เพิ่มเติมได้เลย

ก่อนอื่น ต้องไป Download ตัวโปรแกรม AJAX Control Toolkit จากเว็บไซต์
http://ajaxcontroltoolkit.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=36097

เมื่อได้ไฟล์ ASP.NET Ajax Library มาแล้วให้ทำการแตกไฟล์ออกมาแล้วบันทึกเก็บไว้ที่ไดร์ฟและโฟลเดอร์ที่ถูกใจ (อันนี้ตั้งชื่อเอาเอง) unzip เสร็จจะได้ไฟล์ต่าง ๆ ดังภาพ



การนำเอา AJAX ToolKit มาใช้กับเว็บไซต์

** ถ้าเริ่มสร้างเว็บไซต์ใหม่ ให้ทำข้อ 1 - 3 แต่ถ้ามีอยู่แล้วให้ข้ามไปทำข้อ 4 ได้เลย
1. เปิดโปรแกรม Visual Web Developer 2008 Express หรือ Visual Studio 2008
2. คลิกเมนู File ---> New Web Site
3. เลือก ASP.Net Web Site ตรงช่อง Location: กำหนดตำแหน่งของโฟล์เดอร์ที่เก็บเว็บไซต้ตามต้องการ แล้วคลิกปุ่ม OK

4. ทำการเพิ่มแทปใน Toolbox โดยไปที่หน้าต่าง Toolbox แล้วคลิกเมาส์ปุ่มขวา เลือก Add Tab























5. ตั้งชื่อแทปตามต้องการ เช่น ASP.NET Ajax Library แล้วกดปุ่ม Enter

6. คลิกเมาส์ปุ่มขวาที่ ASP.NET Ajax Library แล้วเลือก Choose Item...























7. ที่หน้าต่าง Choose Toolbox Items คลิกที่ปุ่ม Browse...
















8. เลือกไฟล์ AjaxcontrolTookit.dll ที่เราได้ทำการ unzip ไว้ในตอนแรก จากนั้นคลิกปุ่ม OPen จากนั้น ที่หน้าต่าง Choose Toolbox Items คลิกปุ่ม OK















9. เราก็จะได้เห็นกับรายการคอนโทรลต่าง ๆ ของ AJAX ปรากฎขึ้นมาภายใต้ รายการ ASP.NET Ajax Library ถือว่าเป็นอันเสร็จพิธีสำหรับการนำ Ajax เข้ามาไว้ในเว็บไซต์เรา
























การใช้งาน AJAX ToolKit กับหน้าเว็บเพ็จ

ที่หน้าเว็บเพ็จทุกเพ็จที่ต้องการใช้ AJAX จะต้องมี ToolkitScriptManager อยู่ในหน้าเพ็จด้วย
ตัวอย่างการ เรียกใช้ปฎิทินภายใต้เท็กซ์บ็อกซ์
1. ลากคอนโทรลชื่อ ToolKitScriptManager มาไว้ที่หน้าเพ็จ



















2. จากนั้นลาก TextBox มาไว้ที่หน้าเพ็จ คลิกปุ่มเปิด TextBox Tasks เลือ Add Extender...














3. ที่หน้าต่าง Extender Wizard เลือกรายการ Calendar Extender แล้วคลิกปุ่ม OK















4. กดปุ่ม Ctrl + F5 เพื่อเรียกหน้าเว็บเพ็จ แล้วลองคลิกเมาส์ที่เท็กซ์บ๊อกซ์ ก็จะปรากฎปฎิทิน

สวัสดี มีอาเจ๊กให้ใช้งาน ขอให้เก่ง ๆ ๆ ๆ ๆ