LightSwitch ComboBox display id and detail


LightSwitch(LS) สามารถสร้างหน้าจอโปรแกรมให้เราอย่างอัตโนมัติ
เพียงแค่เรากำหนดแหล่งข้อมูลให้เครื่องมือ LS รู้จัก
และยิ่งถ้าฐานข้อมูลดังกล่าวนั้นได้รับการออกแบบมาอย่างดี…
มีความสัมพันธ์พร้อม…

LightSwitch สามารถสร้างคอนโทรลตามข้อกำหนดในฐานข้อมูลได้อย่างฉลาด…
เช่น สามารถสร้างคอนโทรล ComboBox ในการแสดงข้อมูลของตารางแม่…

แต่บางครั้งการแสดงข้อมูลของคอนโทรล ComboBox เราอาจจะยังไม่ถูกใจ
เราสามารถปรับให้แสดงตามความต้องการได้เช่นเดียวกัน เช่น
ถ้าคุณผู้อ่านต้องการให้ คอนโทรล ComboBox แสดงข้อมูลในตารางแม่ โดย
ให้แสดงรหัส พร้อมชื่อ เช่น Category เป็ยตารางแม่ของ Product ต้องการให้ คอนโทรล ComboBox
แสดงข้อมูล CategoryID+categoryName

ไปตามดูตัวอย่างกัน…

 

1. สร้างโปรเจ็กต์ LightSwitch ,                                       ติดต่อฐานข้อมูลที่มีอยู่แล้ว…

imageimage

2. เลือก Data source เป็น Database                            กำหนด Connection…

imageimage

3. เลือกอ็อบเจ็กต์ฐานข้อมูล…

image

4. เปิด Entity product ดูความสัมพันธ์ กับ Category และ Supplier

image

5. สร้างหน้าจอโปรแกรม…คลิกไอคอน Create a Screen

image

6. เลือกแบบหน้าจอเป็นแบบ Editable Grid Srceen…

image

7. รันโปรแกรม…
คุณจะเห็นว่า LightSwitch สร้างคอนโทรล ComboBox ให้อัตโนมัติ…ตามความสัมพันธ์ที่ฐานข้อมูลกำหนด…
แต่ถ้าคุณต้องการให้ คอนโทรล ComboBox แสดงข้อมูลมากกว่าที่เป็นอยู่…คุณสามารถเพิ่มได้…ติดตามต่อ…

image

8. คอนโทรล ComboBox เอาข้อมูลที่ใหนของตารางแม่ไปแสดง เราไปดูกันต่อ…

image

9. มันเอามาจาก พรอเพอร์ตี้ชื่อ Summary ของ Entity แม่

image

10. เราไปดูว่า พรอเพอร์ตี้ Summary ของ Entity แม่อยู่ที่ใหน …
ลองดูที่ Category ซึ่งเป็น Entity แม่ของ Entity Product…

image

11. จะเห็น พรอเพอร์ตี้ Summary ของ Entity เราสามารถเลือกให้แสดงฟิลด์ใหนก็ได้ตามใจชอบ…
โดย default มันจะแสดงฟิลด์ที่สองรองจากฟิลด์ที่เป็น PrimaryKey
ถ้าเราต้องการแสดงรหัส และชื่อ… ย่อมทำได้เช่นกัน…
โดยการเพิ่ม พรอเพอร์ตี้ที่ชื่อ Computed เข้ามาใน Entity แล้ว Binding ข้อมูลให้มัน…
ซึ่งพรอเพอร์ตี้ Computed เป็นพรอเพอร์ตี้ไว้สำหรับการคำนวณเก็บค่าต่างไปแสดงบนหน้าจอ…
เรามาประยุกต์ใช้แสดงรหัส และชื่อของ Entity แม่…

image

12. Binding ข้อมูลผ่าน การเขียนโค้ด สามารเข้าไปเขียนโค้ดได้ผ่านพรอเพอร์ตี้ Edit Method…คลิกเมาส์ลงไป

image

13. ใส่โค้ดลงไปดังนี้…

image

14. กลับไปที่พรอเพอร์ตี้ Suumary ให้เราเลือกแสดงค่าจาก พรอเพอร์ตี้ Computed (FullName) แทน…
โดยให้ทำที่ Entity ของ Supplier ด้วยขั้นตอนเหมือนกัน(ตามขั้นตอน 11,12,13)…

image

15. รันโปรแกรม…
คุณจะได้คอนโทรล ComboBox ที่แสดงค่า ทั้งรหัส และรายละเอียดชื่อของตารางแม่…

image

 

–:จบบริบูรณ์:–


 

ผู้เขียน

clip_image019

** รู้จักกับผู้สอน อ.นุชิต **
JANAWAT Blog: https://janawat.wordpress.com
Nuchit’s Profile @microsoft
https://mvp.support.microsoft.com/profile/nuchit
Facebook:
https://www.facebook.com/nuchit
Twitter:
http://twitter.com/janawat

เกี่ยวกับ

Nuchit Atjanawat is a Microsoft MVP, GreatFriends Community Leader, WindowsITPro Columnist(Mr.Nano), Silverlight Business Application Instructor, Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession. He has a very good skill over Silverlight, LightSwitch, C#, XAML & Blend. He shares his technical findings, tutorials in his technical blog. Follow his Blog and Facebook page to be updated on latest articles. - Technical Blog: https://janawat.wordpress.com - WindowsITPro Columnist(Mr.Nano): http://windowsitpro.net - The GreatFriends.Biz Community Discussion Board (nano): http://greatfriends.biz - witter: https://twitter.com/janawat - Facebook Page: https://www.facebook.com/nuchit - Instructor: http://bit.ly/GF250-01, http://bit.ly/GF150-02

Tagged with:
เขียนใน LightSwitch

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

In Archive
%d bloggers like this: