[ASP.net+VB] สร้าง CheckBox ใน GridView

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

aspnet-gridview-20

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

    aspnet-gridview-01

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

    aspnet-gridview-02

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

    aspnet-gridview-03

4. เลือก New data source

    aspnet-gridview-04

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

    aspnet-gridview-05

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

    aspnet-gridview-06

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

    aspnet-gridview-07

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

    aspnet-gridview-09

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

    aspnet-gridview-10

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

    aspnet-gridview-12

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

    aspnet-gridview-13

12. เลือก Add TemplateField

    aspnet-gridview-14

13. เลือก Edit Template

    aspnet-gridview-11

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

    aspnet-gridview-15

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

    aspnet-gridview-16

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

    aspnet-gridview-17

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

    aspnet-gridview-18

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

    aspnet-gridview-19

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


    aspnet-gridview-20

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

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

Categories Category: ASP.net+VB Tags Tags: , , ,

8 Comments

  1. Goople says:

    เห้อ…ดีจังได้ความรู้เยอะเลย……เรายังนั่งตัดสายยางอยู่เลย T_T

  2. DArKer says:

    ฝึกงานที่แกนี่ .NET โปรเลยนะเนี่ย

  3. Ammii says:

    Thank You So Much, INDEED

    เรานั่งงมมาตั้งนานนะ ขอบคุณมากๆ ตอนแรกก็ไปงมเกี่ยวกับcheck แบบ javascript แต่มาเจอแบบนี้ก็ดีเหมือนกัน ขอบคุณมากๆนะคะ

    ฝึกงานอยู่เหมือนกัน เรื่องเดียวกันเลย ^^”

  4. admin says:

    อิอิ ด้วยความยินดี ที่ได้เผยแพร่ความรู้ ^^

  5. มดตะนอยต้อยตีวิด says:

    ขอบใจมากเลยจ้า เรานั่ง งง อยู่ตั้งนาน อิอิ

  6. waveauto says:

    เป็นความรู้ที่ดี ครับ

  7. Tammarat says:

    ตอนนี้ผมทำ check box และ ลบ ข้อมูล ได้แล้วครับ
    แต่ติดตรง ทำอย่างไรให้ click checkbox แล้วกดปุ้ม edit และ new วิ่งไปที่หน้า Formview ครับ พร้อมกับข้อมูลที่เลือก ครับ

  8. admin says:

    งงคำถามอ่ะ

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>