ASP.NET แก้ไข column DropdownList ใน Gridview

ASP.NET แก้ไข column DropdownList ใน Gridview

ขั้นตอนมีดังนี้
1. สร้าง Project ใหม่
2. แอด Web Form ให้เข้ามาใน Project
3. นำ Control sqlDataSource และ Gridview เข้ามาใน Project
4. ตั้งชื่อให้กับ Control
5.ทำการเชื่อมต่อฐานข้อมูล โดยใช้ control sqlDataSource
6. เลือกวิธีการดึงข้อมูล เลือกตัวเลือกแรก Specify a custom SQL statement or stored procedure
เราจะทำการดึงข้อมูลโดยใช้คำสั่ง Sql โดยมีตัวช่วยคือ Query Builder..
7. ใน Tab Select เลือกตารางและฟิวด์มาแสดง
ใน Tab Select ก็จะได้คำสั่ง SQL ดังนี้
SELECT Products.ProductID, Products.ProductName,
Products.CategoryID, Products.UnitPrice,
Categories.CategoryName
FROM Products INNER JOIN Categories
ON Products.CategoryID = Categories.CategoryID
ORDER BY Products.ProductID
8.และลองทดสอบดึงข้อมูลมาดู
9.ใน Tab Update ให้เลือกตารางและฟิวด์ที่ต้องการ Update และกำหนด พารามิเตอร์
ใน Tab Update ก็จะได้คำสั่ง SQL ดังนี้
UPDATE Products
SET ProductName = @ProductName, CategoryID = @CategoryID,
UnitPrice = @UnitPrice
WHERE (ProductID = @ProductID)
10. และลองทดสอบดึงข้อมูลมาดู
11. ในส่วน Control Gridview ให้เลือกแหล่งข้อมูลจาก SqlDataSource
แล้วเลือก Enable Paging และ Enable Editing แล้วเลือก Edit Templates
12. ในฟิวด์ CategoryName ให้เลือก Convert this field into a Templates
เพื่อจะให้ฟิวด์นี้แสดง DropdownList
13. คลิก Edit Templates ใน Gridview
14. ในส่วน Display: เลือก EditItemTemplate
15. ทำการลบ Textbox ออกแล้วเพิ่ม DropdownList และ SqlDataSource ลงไปแทน
16. ในส่วนของ sqlDataSource ให้เชื่อมต่อกับฐานข้อมูล MSSQL SERVER แล้วเลือกตัวเลือกที่ 2
Specify columns from a table or view
ให้เลือกตาราง และ ฟิวด์ที่ต้องการแสดงใน DropdownList ในที่นี้เลือกฟีวด์
CategoryID และ CategoryName
17. ในส่วน DropdownList ให้เลือกแหล่งข้อมูลที่ต้องการนำมาแสดง โดยเลือกจากข้อ 16.
ในช่อง Select a data field to display in the DropdownList ให้เลือก CategoryName
ในช่อง Select a data field for the value of the DropdownList ให้เลือก CategoryID
18. ในส่วนของ DropdownList เลือก Edit DataBindings..
ด้านช้ายเลือก SelectedValue ในส่วนด้านขวาเลือก Custom binding
แล้วกรอกข้อมูลดังนี้ Bind("CategoryID")
19.แสดงผลลัพธ์