Apr
26
2009
ASP.net+VB

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

Author An article by admin    Comments 8 Comments

วันนี้จะมาทำ 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# อย่างละเอียดด้วย)  คลิก

Tags: , , ,

Related Posts

About the Author:

8 Comments + Add Comment

  • Goople 27.04.2009 at 6:41 pm

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

  • DArKer 01.05.2009 at 7:50 pm

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

  • Ammii 06.05.2009 at 6:06 pm

    Thank You So Much, INDEED

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

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

  • admin 07.05.2009 at 8:59 am

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

  • มดตะนอยต้อยตีวิด 17.12.2009 at 4:13 pm

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

  • waveauto 09.02.2010 at 2:08 pm

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

  • Tammarat 27.02.2010 at 4:23 pm

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

  • admin 06.03.2010 at 4:14 pm

    งงคำถามอ่ะ

Leave a comment