ฟอร์มและการป้อนข้อมูล

Power Apps เบื้องต้น

Luise Freese

Azure & Power Platform Architect

ตัวควบคุมฟอร์ม Edit form

Insert → Edit form
ตั้งค่า DataSource เป็นรายการตั๋ว
Power Apps สร้างการ์ดอัตโนมัติให้ทีละคอลัมน์

ฟอร์ม Edit Form ของ Power Apps บนแท็บเล็ต พร้อมการ์ดป้อนข้อมูล Title, Status, Priority และ Due Date

โหมดฟอร์ม: New / Edit / View

สามสถานะของ Edit Form เรียงกัน แสดงฟอร์มว่าง FormMode.New ฟอร์มที่กรอกข้อมูลไว้แล้ว FormMode.Edit และฟอร์มแบบอ่านอย่างเดียว FormMode.View

FormMode.New ฟอร์มว่าง พร้อมสร้างแถวใหม่
FormMode.Edit กรอกข้อมูลจากแถวที่มีอยู่แล้ว
FormMode.View แสดงผลแบบอ่านอย่างเดียว

SubmitForm() และวงจรชีวิตของฟอร์ม

ปุ่ม Save รัน SubmitForm(frmTicket)
Power Apps ตรวจสอบความถูกต้องแล้วเขียนลงแหล่งข้อมูล
ฟอร์มจะทริกเกอร์ OnSuccess หรือ OnFailure

ผังงานตั้งแต่การแตะ Save ผ่าน SubmitForm() การเขียนข้อมูลลง SharePoint เครื่องหมายถูก OnSuccess และแขนงข้อผิดพลาด OnFailure

OnSuccess, OnFailure, OnReset

บล็อกสามสีเรียงซ้อนกัน: สีเขียว OnSuccess พร้อม Notify, Refresh, Navigate; สีแดง OnFailure พร้อมข้อความแจ้งเตือนข้อผิดพลาด; สีเทา OnReset ล้างฟอร์มกลับเป็นค่าเริ่มต้น

OnSuccess แสดงข้อความแจ้งเตือน รีเฟรชแกลเลอรี แล้วย้อนกลับ
OnFailure แสดงข้อความแจ้งเตือนข้อผิดพลาด
OnReset ทำงานเมื่อฟอร์มถูกล้างค่า

Refresh() ขั้นตอนที่มักถูกลืม

แกลเลอรี ไม่รีเฟรชอัตโนมัติหลังการส่งข้อมูล
เพิ่ม Refresh(Tickets) ใน OnSuccess ของฟอร์ม
หากข้ามขั้นตอนนี้ แถวใหม่จะดูเหมือนหายไป

แท็บเล็ตสองเครื่องวางคู่กัน: ด้านซ้ายแสดงแกลเลอรีที่ไม่มี Refresh ซึ่งตั๋วใหม่หายไป ด้านขวาแสดงแกลเลอรีที่มี Refresh ซึ่งตั๋วใหม่ปรากฏไฮไลต์อยู่ด้านบน

ResetForm() เส้นทางการยกเลิก

ฟอร์มตั๋วใหม่สองฟอร์ม แสดงข้อมูลค้างอยู่ก่อนใช้ ResetForm() และฟอร์มว่างพร้อมกรอกข้อมูลหลังรีเซ็ต

ResetForm(frmTicket) ล้างข้อมูลทุกช่อง
ใช้กับปุ่ม Cancel เท่านั้น ห้ามใช้กับ OnSuccess
OnSuccess ย้ายหน้าออกไปอยู่แล้ว ส่วน NewForm จะล้างฟอร์มในครั้งถัดไป

Patch()

Patch(DataSource, record, changes) เขียนข้อมูลโดยไม่ต้องใช้ฟอร์ม
เหมาะสำหรับอัปเดตจำนวนมากหรือเปลี่ยนค่าทีละช่อง
เป็นเครื่องมือขั้นสูง อยู่นอกเหนือขอบเขตของคอร์สนี้

Patch(
  Tickets,
  ThisItem,
  { Status: "Resolved" }
)

สิ่งที่จะได้ฝึก

ฟอร์ม Edit Form พร้อมข้อมูลตั๋วที่กรอกไว้แล้ว ดรอปดาวน์ ตัวเลือกบุคคล DueDate และปุ่ม Save สีเขียวด้านล่าง

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

มาฝึกกันเถอะ!

Power Apps เบื้องต้น