วันนี้จะมาทำ CheckBox ให้อยู่ใน GridView แบบนี้

aspnet-gridview-20

  1. เตรียม Database ให้พร้อม (ในที่นี้ใช้ Nwind.mdb)

    2. aspnet-gridview-01

  2. เลือก control ที่ชื่อ GridView

    3. aspnet-gridview-02

  3. จะได้แบบนี้

    4. aspnet-gridview-03

  4. เลือก New data source

    5. aspnet-gridview-04

  5. เลือก ประเภทของฐานข้อมูล ในที่นี้ใช้ Access

    6. aspnet-gridview-05

  6. เลือกไฟล์ฐานข้อมูลที่ต้องการผูกติดกับ GridView

    7. aspnet-gridview-06

  7. จากนั้นกด Next

    8. aspnet-gridview-07

  8. เลือก Column, Table ที่ต้องการ

    9. aspnet-gridview-09

  9. ลอง Test Query ดู เพื่อความมั่นใจ

    10. aspnet-gridview-10

  10. เมื่อติดต่อกับฐานข้อมูลเรียบร้อยแล้ว ลองรันดูจะได้ผลลัพธ์แบบนี้

    11. aspnet-gridview-12

  11. เริ่มขั้นตอนการสร้าง CheckBox ด้านหน้า โดยการคลิก Edit column

    12. aspnet-gridview-13

  12. เลือก Add TemplateField

    13. aspnet-gridview-14

  13. เลือก Edit Template

    14. aspnet-gridview-11

  14. เลือก Item Template ของ Column[0]

    15. aspnet-gridview-15

  15. ลาก CheckBox มา ( Item Template เป็นส่วนที่แสดงข้อมูล)

    16. aspnet-gridview-16

  16. เลือก Header Template ของ Column[0]

    17. aspnet-gridview-17

  17. ลาก CheckBox มาใส่ (ส่วน Header คือส่วนหัวของตาราง GridView)

    18. aspnet-gridview-18

  18. เสร็จแล้วก็กด End Template Editing

    19. aspnet-gridview-19

  19. ลองรันดู จะได้ผลลัพธ์ ตามต้องการ คือมี CheckBox อยู่ด้านหน้าของแต่ละแถว


    20. aspnet-gridview-20

วิธีทำวันนี้ ต้องขอบคุณ พี่ดิวและพี่มิซซู (-/|\-) อิอิ

อ่านเพิ่มเติม (มีตัวอย่างเป็น c# อย่างละเอียดด้วย)  คลิก