minib0x: more than a box : including IT, website, craft, felt, handmade » template gridview http://minib0x.com/blog minib0x: more than a box Fri, 11 May 2012 09:47:44 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 [ASP.net+VB] สร้าง CheckBox ใน GridView http://minib0x.com/blog/2009/04/aspnetvb-checkbox-gridview/ http://minib0x.com/blog/2009/04/aspnetvb-checkbox-gridview/#comments Sun, 26 Apr 2009 15:53:28 +0000 admin http://minib0x.com/blog/?p=594 วันนี้จะมาทำ 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# อย่างละเอียดด้วย)  คลิก

]]> http://minib0x.com/blog/2009/04/aspnetvb-checkbox-gridview/feed/ 8