หลายวันก่อนไปไปสอบสัมภาษงานมา งานนี้เขาให้ใช้ c#.net ที่เป็น asp.net ในการเชื่อมต่อฐานข้อมูล sql server 2008 แต่ปัญหาคือผมไม่ค่อยได้เขียนจริงจังสักเท่าไรกับ เจ้า c#.net นี้ เป็นปัญหาเลยทีเดียว แล้วจะแก้ปัญหายังไงละเขียนก็ไม่ค่อยชินจะเสร็จทันเปล่าจะมีอะไรส่งเขาเปล่า งานนี้แย่ละ แต่ผมนั่งนึกขึ้นได้ asp.net มันทำมาให้ง่ายแล้ว ผมจึงนึกออกว่าใช่ซิ มันมี database control ที่ชื่อว่า GridView เอาละงานนี้ยังไงก็ยังได้หน้าแสดงผลข้อมูลออกมา อย่าน้อยก็ไม่อับอายขายขี้หน้าละ เริ่มแรกเราก็ทำการสร้างหน้าเพจ asp.net ก่อนซึ่งในส่วนนี้ผมขอข้ามไปนะครับ ส่วนเรื่องฐานข้อมูล ในบทความนี้ผมใช้ Northwind Sample Database ซึ่งสามารถหา download ได้จากทางเว็บของ microsoft ได้เลยครับเอาละเริ่มแรกเราก็นำ GridView มาวางไว้บนเพจที่เราต้องการ

ใช้ gridview asp.net

ใช้ gridview asp.net

เมื่อนำมาวางก็จะได้ดังรูป ต่อจากนั้นก็ทำการกำหนด Datasource โดยผมเลือก new datasource

ใช้ gridview asp.net

ใช้ gridview asp.net

ทำการตั้งชื่อ datasource แล้วก็ประเภทที่ต้องการส่วนผมเลือกเป็น SQL Database

ใช้ gridview asp.net

ใช้ gridview asp.net

ถ้าต้องการเลือกบันทึก Connection String ก็ให้ติกถูกได้ครับ

ใช้ gridview asp.net

เลือกรูปแบบข้อมูลที่จะเอามาใส่โดยถ้าเลือก Specify a custom SQL statement คือ จะให้ทำการใส่ sql command สำหรับ query ข้อมูลซึ่งอาจจะใช้ใน กรณีที่มีการ join ข้อมูลในตารางอื่น หรือจะถ้าเลือกข้อล่างจะเป็นการ query แบบธรรมดาในตารางเดียวซึ่งเราสามารถเลือกตารางและ column ที่ต้องการได้ดังรูป

ใช้ gridview asp.net

เมื่อทำการกำหนด Datasource เสร็จก็จะได้แบบนี้ครับ

ใช้ gridview asp.net

เมื่อรันโปรแกรมก็จะได้ดังรูปครับ จะเห็นว่าในการที่จะเอาข้อมูลมาแสดงนั้นง่ายมากสำหรับเครื่องมือของ asp.net ที่ทาง microsoft จัดมาให้ นอกจากนี้เรายังสามารถเพิ่ม column พิเศษได้อีกด้วย เช่นการเพิ่ม column ที่เป็นรูปภาพ ปุ่ม หรือ check box ครับ โดยที่ผมจะทำการเพิ่ม column ที่มีชื่อว่า Action โดยจะทำการเพิ่มปุ่มเข้าไปนะครับ

ใช้ gridview asp.net

โดยให้คลิกที่ GridView แล้วเลือก Add New Column

ใช้ gridview asp.net

จะเห็นว่ามีให้เลือก Field Type อยู่หลายชนิดโดยผมเลือกเป็น Button Field และเมื่อทำการเพิ่มเสร็จก็จะได้ดังรูปครับ

ใช้ gridview asp.net

ส่วนรายละเอียดอื่นและวิธีใช้อื่นๆพวกขอไว้โอกาศหน้าแล้วกันนั้นครับ ขอจบบทความครั้งนี้ไว้แค่นี้ครับ

Leave a Reply

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