ทำความเข้าใจการ์ดข้อมูลในแอปพื้นที่ทำงาน

ตัวควบคุม การ์ด เป็นบล็อกการสร้างของตัวควบคุม แก้ไขฟอร์ม และ แสดงฟอร์ม ในแอปพื้นที่ทำงาน ฟอร์มแสดงทั้งเรกคอร์ด และการ์ดแต่ละใบจะแสดงฟิลด์หนึ่งของเรกคอร์ดนั้น

คุณสามารถโต้ตอบกับการ์ดได้อย่างง่ายดายในบานหน้าต่างด้านขวา หลังจากที่คุณเลือกตัวควบคุมฟอร์มในพื้นที่ทำงานออกแบบ ในบานหน้าต่างดังกล่าว คุณสามารถเลือกฟิลด์ที่จะแสดง วิธีแสดงแต่ละฟิลด์ และลำดับการแสดง ตัวอย่างนี้จะแสดงตัวควบคุม แก้ไขฟอร์ม ในแอปที่สร้างขึ้นจากรายการที่ชื่อว่า สินทรัพย์

เมื่อต้องการเริ่มต้นใช้งานการ์ด ให้ดู เพิ่มฟอร์ม และ ทำความเข้าใจฟอร์มข้อมูล ส่วนที่เหลือของบทความนี้จะเจาะลึกรายละเอียดเกี่ยวกับวิธีการทำงานของการ์ดและวิธีการกำหนดค่า หรือแม้แต่วิธีการสร้างการ์ดของคุณเอง

การ์ดที่กำหนดไว้ล่วงหน้า

Power Apps มีชุดการ์ดที่กำหนดไว้ล่วงหน้าสำหรับสตริง ตัวเลข และข้อมูลชนิดอื่นๆ ในบานหน้าต่างด้านขวา คุณสามารถดูตัวแปรที่พร้อมใช้งานและเปลี่ยนการ์ดที่ใช้สำหรับฟิลด์:

ในตัวอย่างนี้ จะเลือกการ์ดข้อความหนึ่งบรรทัด แต่ข้อความของ URL ยาวเกินไปที่จะแสดงบนบรรทัดเดียว มาเปลี่ยนการ์ดนี้ให้เป็นการ์ดข้อความหลายบรรทัด เพื่อให้ผู้ใช้มีพื้นที่มากขึ้นในการแก้ไข:

หลายฟิลด์ของแหล่งข้อมูลนี้ไม่แสดง แต่คุณสามารถแสดงหรือซ่อนฟิลด์ได้โดยการเลือกกล่องกาเครื่องหมาย ตัวอย่างนี้จะแสดงวิธีการแสดงฟิลด์ SecurityCode

กำหนดการ์ดเอง

การ์ดประกอบด้วยตัวควบคุมอื่น ๆ ในตัวควบคุม แก้ไขฟอร์ม ผู้ใช้จะต้องป้อนข้อมูลลงในตัวควบคุม ป้อนข้อความ ที่คุณสามารถเพิ่มได้จากแท็บ แทรก

มาทำตามตัวอย่างของวิธีการเปลี่ยนแปลงลักษณะของการ์ดโดยการจัดการตัวควบคุมที่อยู่ด้านในกันเถอะ

1. ก่อนอื่น มาย้อนกลับไปที่การ์ดที่เราแทรกล่าสุด สำหรับฟิลด์ SecurityCode เลือกการ์ดนี้โดยการคลิกหรือแตะหนึ่งครั้ง:

   

2. เลือกตัวควบคุม ป้อนข้อความ ภายในการ์ดโดยการคลิกหรือแตะตัวควบคุมการป้อน

   

3. ย้ายตัวควบคุมนี้ภายในการ์ดโดยการลากกล่องส่วนที่เลือก และปรับขนาดตัวควบคุมโดยการลากจุดจับที่อยู่บริเวณขอบของกล่องส่วนที่เลือก:

   

คุณสามารถปรับขนาด ย้าย และทำการปรับเปลี่ยนอื่น ๆ ให้กับตัวควบคุมภายในการ์ดได้ แต่คุณไม่สามารถลบได้โดยไม่ปลดล็อกก่อน

การปลดล็อกการ์ด

นอกจากมีไว้สำหรับใส่ตัวควบคุมแล้ว การ์ดยังเป็นตัวควบคุมอีกด้วย ซึ่งมีคุณสมบัติและสูตรเหมือนกับตัวควบคุมอื่น ๆ เมื่อคุณเลือกที่จะแสดงฟิลด์บนฟอร์ม บานหน้าต่างด้านขวาจะสร้างการ์ดให้คุณและสร้างสูตรที่จำเป็นโดยอัตโนมัติ เราสามารถดูสูตรเหล่านี้ได้ในแท็บ ขั้นสูง ของบานหน้าต่างด้านขวา:

เราจะเห็นหนึ่งในคุณสมบัติที่สำคัญที่สุดของการ์ดทันที ซึ่งก็คือคุณสมบัติ DataField คุณสมบัตินี้ระบุว่าฟิลด์ของแหล่งข้อมูลที่ผู้ใช้เห็นและสามารถแก้ไขได้ในการ์ดนี้

บนแท็บ ขั้นสูง แบนเนอร์ทางด้านบนจะระบุว่าคุณสมบัติของการ์ดนี้ถูกล็อกอยู่หรือไม่ ไอคอนล็อกจะปรากฏอยู่ถัดจากคุณสมบัติ DataField DisplayName และ Required บานหน้าต่างด้านขวาจะสร้างสูตรเหล่านี้ และล็อคจะป้องกันการเปลี่ยนแปลงคุณสมบัติเหล่านี้โดยไม่ได้ตั้งใจ

คลิกหรือแตะแบนเนอร์ทางด้านบนเพื่อปลดล็อกการ์ด เพื่อให้คุณสามารถปรับเปลี่ยนคุณสมบัติเหล่านี้:

มาปรับเปลี่ยน DisplayName เพื่อใส่ช่องว่างระหว่าง สินทรัพย์ และ รหัส กันเถอะ จากการทำการเปลี่ยนแปลงนี้ เราได้เปลี่ยนแปลงสิ่งที่ถูกสร้างไว้ให้เรา ในบานหน้าต่างด้านขวา การ์ดนี้จะมีป้ายชื่อที่ต่างกัน:

ในตอนนี้ เราควบคุมการ์ดนี้แล้วและสามารถทำการปรับเปลี่ยนอื่น ๆ ตามความต้องการได้ แต่เราจะเสียความสามารถในการเปลี่ยนแปลงการ์ดจากการแสดงข้อมูลแบบหนึ่งเป็นอีกแบบหนึ่ง (ตัวอย่างเช่น ข้อความหนึ่งบรรทัดเป็นข้อความหลายบรรทัด) เหมือนที่เราเคยทำมาก่อนได้ เราได้แปลงการ์ดที่กำหนดไว้ล่วงหน้าให้เป็น "การ์ดแบบกำหนดเอง" ที่เราสามารถควบคุมได้

ข้อสำคัญ

คุณจะไม่สามารถล็อกการ์ดได้อีก ถ้าคุณปลดล็อกแล้ว เมื่อต้องการล็อกการ์ดอีกครั้ง ให้ลบ แล้วแทรกการ์ดในบานหน้าต่างด้านขวาอีกครั้ง

คุณสามารถเปลี่ยนแปลงลักษณะและการทำงานของการ์ดที่ปลดล็อกแล้วได้หลายวิธี เช่น การเพิ่มและการลบตัวควบคุมที่อยู่ด้านใน ตัวอย่างเช่น คุณสามารถเพิ่มรูปร่างดาวจากเมนู ไอคอน บนแท็บ แทรก

ตอนนี้ ดาวเป็นส่วนหนึ่งของการ์ดและจะย้ายตามการ์ด ตัวอย่างเช่น เมื่อคุณเรียงลำดับการ์ดภายในฟอร์มใหม่

อีกตัวอย่างหนึ่งคือ ปลดล็อกการ์ด ImageURL แล้วเพิ่มตัวควบคุม รูปภาพ จากแท็บ แทรก:

ในแถบสูตร ให้ตั้งค่าคุณสมบัติ รูปภาพ ของตัวควบคุมนี้เป็น TextBox.ข้อความ โดย TextBox เป็นชื่อของตัวควบคุม ป้อนข้อความ ที่มี URL:

และในตอนนี้ เราจะสามารถมองเห็นรูปภาพและแก้ไข URL ได้ โปรดทราบว่าเราสามารถใช้ Parent.Default เป็นคุณสมบัติของ รูปภาพ ได้ แต่จะไม่ได้รับการอัปเดต ถ้าผู้ใช้เปลี่ยน URL

เราสามารถทำสิ่งเดียวกันนี้ได้บนหน้าจอที่สองของแอปนี้ โดยเราจะใช้ตัวควบคุม แสดงฟอร์ม เพื่อแสดงรายละเอียดของเรกคอร์ด ในกรณีนี้ เราอาจต้องซ่อนป้ายชื่อ (ตั้งค่าคุณสมบัติ มองเห็นได้ ของป้ายชื่อ ไม่ใช่ของการ์ด เป็น เท็จ) เนื่องจากผู้ใช้ไม่แก้ไข URL บนหน้าจอดังกล่าว:

โต้ตอบกับฟอร์ม

หลังจากที่คุณปลดล็อกการ์ด คุณจะสามารถเปลี่ยนวิธีการโต้ตอบกับฟอร์มที่มีการ์ดนั้น

ด้านล่างนี้คือแนวทางส่วนส่วนสำหรับวิธีการที่ตัวควบคุมทำงานกับการ์ดและวิธีการที่การ์ดทำงานกับฟอร์ม นี่เป็นเพียงแค่แนวทางเท่านั้น เหมือนกับตัวควบคุมใน Power Apps คุณสามารถสร้างสูตรที่อ้างอิงถึงตัวควบคุมอื่นๆ ใน Power Apps ได้ และคุณสามารถทำเช่นนั้นกับการ์ดและตัวควบคุมภายในการ์ดได้เช่นกัน ใช้ความสร้างสรรค์ด้วย: คุณสามารถสร้างแอปได้หลายวิธี

คุณสมบัติ DataField

คุณสมบัติที่สำคัญที่สุดบนการ์ดคือคุณสมบัติ DataField คุณสมบัตินี้จะทำการตรวจสอบว่าฟิลด์ใดบ้างที่ได้รับการอัปเดต และปัจจัยอื่น ๆ ของการ์ด

ข้อมูลที่เพิ่มเข้ามา

ในฐานะคอนเทนเนอร์ ฟอร์มจะทำให้ ThisItem พร้อมใช้งานกับการ์ดทั้งหมดที่อยู่ด้านใน เรกคอร์ดนี้มีฟิลด์ทั้งหมดสำหรับเรกคอร์ดที่สนใจในปัจจุบัน

คุณสมบัติ Default ของการ์ดทุกในควรได้รับการตั้งค่าเป็น ThisItem.FieldName ในบางสถานการณ์ คุณอาจต้องการแปลงค่านี้ระหว่างดำเนินการ ตัวอย่างเช่น คุณอาจต้องการจัดรูปแบบสตริงหรือแปลค่าจากภาษาหนึ่งเป็นอีกภาษาหนึ่ง

ตัวควบคุมแต่ละตัวภายในการ์ดควรอ้างอิง Parent.Default เพื่อรับค่าของฟิลด์ กลยุทธ์นี้มีระดับของการจัดเก็บการ์ด เพื่อให้สามารถเปลี่ยนแปลงคุณสมบัติ Default ของการ์ดได้โดยไม่ต้องเปลี่ยนแปลงสูตรภายในการ์ด

ตามค่าเริ่มต้น คุณสมบัติ DefaultValue และ Required จะถูกนำมาจากข้อมูลเมตาของแหล่งข้อมูลตามคุณสมบัติ DataField คุณสามารถเขียนทับสูตรเหล่านี้ด้วยตรรกะของคุณเอง โดยรวมข้อมูลเมตาของแหล่งข้อมูลโดยใช้ฟังก์ชัน DataSourceInfo

ข้อมูลที่ส่งออกไป

หลังจากที่ผู้ใช้ปรับเปลี่ยนเรกคอร์ดโดยใช้ตัวควบคุมในการ์ด ฟังก์ชัน SubmitForm จะบันทึกการเปลี่ยนแปลงเหล่านั้นไปยังแหล่งข้อมูล เมื่อฟังก์ชันทำงาน ตัวควบคุมฟอร์มจะอ่านค่าคุณสมบัติ DataField ของการ์ดแต่ละใบเพื่อทราบฟิลด์ที่จะเปลี่ยนแปลง

ตัวควบคุมฟอร์มยังอ่านค่าคุณสมบัติ Update ของการ์ดแต่ละใบอีกด้วย ค่านี้จะถูกจัดเก็บไว้ในแหล่งข้อมูลสำหรับฟิลด์นี้ นี่คือตำแหน่งที่จะนำการแปลงอื่น ๆ ไปใช้ ซึ่งอาจยกเลิกการแปลงที่ถูกนำไปใช้ในสูตร Default ของการ์ดก่อนหน้านี้

คุณสมบัติ มีผลใช้ จะถูกควบคุมจากข้อมูลเมตาของแหล่งข้อมูล โดยยึดตามคุณสมบัติ DataField และยังยึดตามคุณสมบัติ Required และกำหนดว่าคุณสมบัติ Update จะมีค่าหรือไม่ ถ้าค่าบนคุณสมบัติ Update ไม่ถูกต้อง คุณสมบัติ ผิดพลาด จะแสดงข้อความแสดงข้อผิดพลาดที่ผู้ใช้เข้าใจได้

ถ้าคุณสมบัติ DataField ของการ์ดเป็นค่า ว่างเปล่า การ์ดจะเป็นเพียงคอนเทนเนอร์ของตัวควบคุม คุณสมบัติ มีผลใช้ และ Update จะไม่ถูกรวมเมื่อส่งฟอร์ม

การวิเคราะห์ตัวอย่าง

มาดูที่ตัวควบคุมที่ใช้สร้างการ์ดรายการข้อมูลพื้นฐาน ช่องว่างระหว่างตัวควบคุมเพิ่มขึ้นเพื่อแสดงข้อมูลให้ชัดเจนยิ่งขึ้น:

ในกราฟิกนี้ตัวควบคุมภายในการ์ดข้อมูลมีการติดป้าย:

ตัวควบคุมสี่ตัวทำให้การ์ดนี้ใช้งานได้:

ชื่อ	พิมพ์ข้อความ	รายละเอียด
TextRequiredStar	ตัวควบคุม ป้ายชื่อ	แสดงดาว ที่มักจะใช้บนฟอร์มรายการข้อมูลเพื่อระบุว่าฟิลด์จำเป็น
TextFieldDisplayName	ตัวควบคุม ป้ายชื่อ	แสดงชื่อของฟิลด์นี้ที่ผู้ใช้เข้าใจได้ ชื่อนี้สามารถแตกต่างจากชื่อที่อยู่ใน Schema ของแหล่งข้อมูล
InputText	ตัวควบคุม ป้อนข้อความ	แสดงค่าเริ่มต้นของฟิลด์และอนุญาตให้ผู้ใช้สามารถเปลี่ยนแปลงค่านั้นได้
TextErrorMessage	ตัวควบคุม ป้ายชื่อ	แสดงข้อความแสดงข้อผิดพลาดที่ผู้ใช้เข้าใจได้ ถ้าเกิดปัญหาขึ้นกับการตรวจสอบ นอกจากนี้ ยังรับรองว่าฟิลด์มีค่า ถ้าจำเป็นต้องมี

เมื่อต้องการกรอกข้อมูลลงในตัวควบคุมเหล่านี้ คุณสมบัติสามารถควบคุมจากคุณสมบัติของการ์ด ผ่านสูตรสำคัญเหล่านี้ โปรดทราบว่าสูตรอ้างถึงฟิลด์เฉพาะ ข้อมูลทั้งหมดจะมาจากการ์ดแทน

คุณสมบัติของตัวควบคุม	สูตร	คำอธิบาย
TextRequiredStar.Visible	Parent.Required	ดาวจะประกฏขึ้น ถ้าฟิลด์จำเป็น ความจำเป็นคือสูตรที่คุณหรือข้อมูลเมตาของแหล่งข้อมูลควบคุม
TextFieldDisplayName.Text	Parent.DisplayName	ตัวควบคุมกล่องข้อความจะแสดงชื่อที่ผู้ใช้เข้าใจได้ ซึ่งคุณหรือข้อมูลเมตาของแหล่งข้อมูลกรอกไว้ และชื่อที่ตั้งไว้บนคุณสมบัติ DisplayName ของการ์ด
InputText.Default	Parent.Default	ตัวควบคุมป้อนข้อความเริ่มแสดงค่าของฟิลด์จากแหล่งข้อมูล ตามที่ค่าเริ่มต้นของการ์ดระบุไว้
TextErrorMessage.Text	Parent.Error	ถ้าเกิดปัญหาขึ้นกับการตรวจสอบ คุณสมบัติ Error ของการ์ดจะมีข้อความแสดงข้อผิดพลาดที่สอดคล้องกัน

หมายเหตุ

คุณสมบัติ Parent.Error เป็นคุณสมบัติที่มีแค่เอาท์พุทเท่านั้น และคุณไม่สามารถตั้งค่าได้โดยใช้สูตร ดังนั้นคุณสมบัตินี้จะไม่ปรากฏในรายการคุณสมบัติ ใกล้กับมุมบนซ้ายหรือในแท็บ คุณสมบัติ หรือ ขั้นสูง ใกล้ขอบด้านขวา แถบสูตรจะแสดงคุณสมบัตินี้ หากคุณกำลังเขียนสูตรที่สามารถอ้างอิงคุณสมบัติได้

เมื่อต้องการดึงข้อมูลออกจากตัวควบคุมเหล่านี้และป้อนกลับลงในแหล่งข้อมูล เรามีสูตรสำคัญต่อไปนี้:

ชื่อการควบคุม	สูตร	คำอธิบาย
DataCard.DataField	"ApproverEmail"	ชื่อของฟิลด์ที่ผู้ใช้สามารถแสดงและแก้ไขในการ์ดนี้
DataCard.Update	InputText.Text	ค่าที่จะตรวจสอบและป้อนกลับลงในแหล่งข้อมูลเมื่อ SubmitForm ทำงาน

หมายเหตุ

บอกให้เราทราบเกี่ยวกับภาษาที่คุณต้องการในคู่มือ ทำแบบสำรวจสั้นๆ (โปรดทราบว่าแบบสำรวจนี้เป็นภาษาอังกฤษ)

แบบสำรวจนี้ใช้เวลาทำประมาณเจ็ดนาที ไม่มีการเก็บข้อมูลส่วนบุคคล (คำชี้แจงสิทธิ์ส่วนบุคคล)