Visual Studio LightSwitch Default NewEditeScreen


จากบทความ: Visual Studio LightSwitch DataGrid Change Font Style: http://bit.ly/vcku1a 
จะเห็นว่าเมื่อคุณผู้อ่านกำหนดฟอร์นของ DataGrid ได้แล้ว…แต่มีปัญหาใหม่เกิดขึ้นคือ ไม่สามารถแก้ไข…
ข้อมูลผ่าน DataGrid ซึ่งขนาดฟอร์นของตัวอักษรใหญ่กว่า…เมื่อท่านผู้อ่านเข้าผ่านเมนูเพิ่ม และแก้ไข
image

จะเห็นว่ามีหน้าจอป้อนข้อมูลใหม่ แสดงขึ้น… ทดสอบป้อนข้อมูลภาษาไทยลงไป…
ต้องใช้แว่นขยายช่วยส่อง…จึงสามารถอ่านได้อย่างสบายตา…

image

เมนูแก้ไข ก็เช่นกัน…ไม่พ้นแว่นขยาย…

image

 

บทความนี้เรามาใช้หน้าจอ เพิ่ม+แก้ไข ของตัวเอง…
ที่ผ่านการปรับฟอนต์ให้ใหญ่ขึ้น…ดังนี้:

1. เพิ่มเทมเพลตหน้าจอ New Data Screen
image

2. เข้าสู่หน้าต่าง Screen Designer…
image

3.เพิ่มพรอเพอร์ customerID…โดยคลิกเมนู Add Data Item บนหน้าต่าง Screen Designer…
เลือก Local Property => Type = String
Name= ระบุ customerID => คลิก OK
image

4.กำหนดให้เป็น Parameter (Is Parameter = true), กำหนดให้เป็น null ได้ (Is required = false)
image

5.เปิดหน้าจอ EditableCustomersGrid…ขึ้นมา คลิกฟิลด์ CustomerID กำหนดให้แสดง Link(Show as Link = true)…
Target Screen = หน้าจอที่ต้องการ ในที่นี้คือ Default
image

6.ไปกำหนด Default Screen ให้ Entity Customer…
โดยเปิดตาราง Customers…=> ไปที่หน้าต่าง Properties=> Default Screen เลือก CreateNewCustomer
image

7.เพิ่ม DataItem … แต่เลือกเป็น Query และเลือก NORTHWINDDataCustomer_single เพื่อโหลดข้อมูลไปแสดงบนหน้าจอ New Data Screen…
image

8.ไปที่ Query parameter กำหนด Parameter binding ให้เป็น customerID… พรอเพอร์ตี้ที่เราได้เพิ่มไว้ก่อนหน้านี้…
image

9.มันจะแสดง Link ให้เห็น…
image

10.บนหน้า CreateNewCustomer=>คลิก Write Code=>คลิก CreateNewCustomer_InitializeDataWorkspace…
แล้วใส่โค้ดลงไป…
image

11.ในการเปิดหน้าจอบน LS บนเมนู Add ทำได้โดยการไปใส่โค้ดให้มัน…
โดยคลิกขวาบนปุ่ม Add=>เลือกเมนู Overide Code
image

12. แล้วใส่โค้ดลงไป…
จะเห็นว่าปุ่ม Add เราจะผ่าน Parameter ที่เป็น customerID เป็นค่า null
image

13. ส่วนโค้บนปุ่ม Edit คลิกขวาบนปุ่ม Edit =>เลือกเมนู Overide Code…แล้วใส่โค้ดังนี้
สำหรับปุ่มแก้ไข…เราต้องผ่าน Parameter customerID ด้วย ฉะนั้นเราต้องดึงข้อมูล แถวที่ถูกเลือก ณ ปัจจุบันของ DataGrid ขึ้นมาก่อน…
แล้วแปลงค่าเป็นอ็อบเจ็กต์ Customer จากนั้นเช็กข้อมูลนิดนึ่งว่า มันมีข้อมูลอยู่ … แล้วผ่าน CustomerID เข้าไป
image

14.เสร็จแล้วรันโปรแกรม…
สังเกตุบนคอลัมน์ CustomerID จะมี Link … เนื่องจากเราสั่งให้ Show link ในข้อ 5…
image

14.เมื่อคลิกลงบนรหัส…
หน้าต่าง Create New Customer จะถูกเปิดขึ้นมา…
แต่เป็นหน้าที่เราสร้างขึ้นมาเอง…และข้อมูลที่๔ุกโหลดเข้ามาในหน้าจอคือโค้ดโปรแกรมในข้อ 10…
image

15.เมื่อคลิกเมนู Add New…
หน้าต่าง Create New Customer จะถูกเปิดขึ้นมา…ว่างเปล่า…
เนื่องจากในข้อ 12 โค้ดโปรแกรม ผ่าน Parameter  customerID เป็นค่า null…
image

16.เลือกแถวข้อมุลที่ต้องการก่อน…
จากนั้นคลิกเมนู Edit…
หน้าต่าง Create New Customer จะถูกเปิดขึ้นมา…
พร้อมกับข้อมูลของ Customer…เนื่องจากโค้ดโปรแกรมในข้อ 13. เราผ่าน Paramert CustomerID  เข้าไปด้วย…
image

 

แล้วพบกันในตอนต่อไป…
เราจะไปกำหนดฟอนต์ ให้หน้าจอ Create New Customer … ที่เราสร้างขึ้น…
เพื่อให้ข้อมูลภาษาไทย…แสดงขนาดใหญ่ขึ้น…อ่านง่ายขึ้น…

 


ผู้เขียน

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

Advertisements
เกี่ยวกับ

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
One comment on “Visual Studio LightSwitch Default NewEditeScreen
  1. pong พูดว่า:

    ทำไมไม่มี Default Screen ให้เลือกใน Table ไม่แน่ใจว่าต้อง config อะไรของ Tool เพิ่มป่าวครับ

ใส่ความเห็น

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: