การผูกข้อมูล (Data binding) ของ WPF 4.0 บน  Visual Studio 2010 (VS10) เราสามารถกระทำได้ง่ายๆ เพียงสร้างแหล่งชี้ฐานข้อมูล จากนั้นใช้การคลิกเมาส์ลาก-วาง เป็นอันเสร็จเรียบร้อย

ในบทความนี้ เราไปฟอร์ม Master – Deail กันครับ ลองไปดูว่าง่ายจริงหรือเปล่า

เปิด VS10 ขึ้นมา สร้างโปรเจ็กต์ Windows => .Net framework 4.0 => WPF Application => คลิก OK

หน้าจอโปรเจ็กต์ของเรา

สร้างแหล่งชี้ข้อมูล (DAL) ด้วย ADO.NET Entity Data Model

กำหนด Connection String => เลือกอ็อบเจ็กต์ตาราง Categories และ Products

ได้อ็อบเจ็กต์โมเดลดังรูป Build หนึ่งครั้ง => คลิก Data=>Show Data Source เพื่อแสดงหน้าต่าง DataSource

หน้าต่าง Data Source => เปลี่ยนรูปแบบแสดงของอ็อบเจ็กต์ Products เป็น Detail

ลากอ็อบเจ็กต์ Categories  ไปใส่บน Form

ลากอ็อบเจ็กต์ Products ไปใส่บน Form

กดปุ่ม F5 เพื่อRun แอปพลิเคชัน จะได้หน้าจอดังรูป ใช้เมาส์คลิกลงบน DataGrid ของ category ข้อมูล Detail ที่เป็น Products ก็จะเปลี่ยนตาม

ข้อมูล Detail ที่เป็น Products ก็จะเปลี่ยนตาม

การลาก – วางดังกล่าวทำให้ VS10 สร้างโค้ดให้เราอัตโนมัติ

ง่ายไหมละครับ

ผู้เขียน