สร้างการ์ดรายการช้อปปิ้ง

ในบทช่วยสอนนี้ คุณจะสร้างการ์ดที่แสดงรายการช้อปปิ้งและให้คุณเพิ่มสินค้าได้ คุณจะใช้ ตัวออกแบบการ์ด ,ตัวแปร และ Power Fx

ที่ส่วนท้ายของบทช่วยสอน การ์ดรายการช้อปปิ้งของคุณควรจะมีลักษณะดังตัวอย่างต่อไปนี้:

ข้อกำหนดเบื้องต้น

• บัญชี Power Apps

สร้างการ์ด

1. ลงชื่อเข้าใช้ Power Apps และเลือกสภาพแวดล้อมของคุณ

2. ในหน้าต่างด้านซ้าย เลือก การ์ด หากรายการไม่อยู่ในบานหน้าต่างแผงด้านข้าง ให้เลือก …เพิ่มเติม แล้วเลือกรายการที่คุณต้องการ

3. เลือก + สร้างการ์ด

4. ภายใต้ ชื่อการ์ด ป้อน SimpleShoppingCard แล้วเลือก สร้าง

5. เลือกข้อความ ชื่อการ์ดของคุณอยู่ที่นี่ ในบานหน้าต่างคุณสมบัติป้ายกำกับข้อความ ให้ตั้งค่า ข้อความ เป็น รายการช้อปปิ้ง

6. เลือกข้อความ เพิ่มและลบองค์ประกอบเพื่อปรับแต่งการ์ดใหม่ของคุณ ในบานหน้าต่างคุณสมบัติป้ายกำกับข้อความ ให้ตั้งค่า ข้อความ เป็น ใช้ช่องด้านล่างเพื่อเพิ่มสินค้าลงในรายการ

เพิ่มตัวแปร

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

1. ในบานหน้าต่างด้านซ้าย เลือก ตัวแปร

2. เลือก + ตัวแปรใหม่

3. ในหน้าต่าง ตัวแปรใหม่ ป้อน MyGroceryList ภายใต้ ชื่อ ตั้งค่า ชนิด เป็น ตาราง

4. เลือกวงเล็บปีกกาทางด้านขวาของ ค่าเริ่มต้น แล้วป้อน "" ระหว่างวงเล็บปีกกา สิ่งนี้บ่งชี้ว่าตารางของเรามีค่าข้อความในคอลัมน์ที่เรียกว่า ค่า โดยปริยาย

5. เลือก บันทึก

   

เพิ่มรายการลงในการ์ด

1. ในบานหน้าต่างด้านซ้าย เลือก แทรก

2. ในบานหน้าต่างเครื่องมือ เลือก แสดง เพื่อขยายประเภท จากนั้นเลือก ป้ายข้อความ

3. ในบานหน้าต่างคุณสมบัติป้ายข้อความ เลือกแท็บ ขั้นสูง

4. ตั้งค่า Repeat for every เป็น MyGroceryList

   

   การตั้งค่าคุณสมบัติ Repeat for every ของป้ายข้อความจะทำซ้ำป้ายข้อความสำหรับทุกรายการในตารางที่ระบุ ในตัวอย่างนี้ ตาราง MyGroceryList เป็นตัวแปรที่คุณสร้างไว้ หรือจะมีการสร้างป้ายชื่อข้อความแยกต่างหากในการ์ดสำหรับทุกสินค้าในรายการของชำ

5. เลือกแท็บ คุณสมบัติ ตั้งค่า Text เป็น ThisItem.Value

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

   

เพิ่มกลิ่งอินพุท

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

1. ในบานหน้าต่างด้านซ้าย เลือก แทรก

2. ในบานหน้าต่างเครื่องมือ เลือก อินพุต เพื่อขยายประเภท จากนั้นเลือก Text input

3. ในบานหน้าต่างคุณสมบัติการป้อนข้อความ ให้ตั้งค่า Name เป็น NewItem และตั้งค่า Label เป็น New Item:

   

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

เพิ่มปุ่ม Power Fx

1. ในบานหน้าต่างด้านซ้าย เลือก แทรก

2. ในบานหน้าต่างเครื่องมือ เลือก อินพุต เพื่อขยายประเภท จากนั้นเลือก ปุ่ม

3. ในบานหน้าต่างคุณสมบัติของปุ่ม ให้ตั้งค่า Titleเป็น Add Item

4. ในบานหน้าต่างคุณสมบัติ เลือก PowerFx เพื่อวางเคอร์เซอร์ในแถบสูตร

5. ป้อนนิพจน์ Power Fx ต่อไปนี้ในแถบสูตร: Collect(MyGroceryList, {Value: NewItem})

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

   

ทดสอบการ์ด

คุณควรบันทึกการเปลี่ยนแปลงของคุณทุกครั้งก่อนคุณเล่นการ์ด เลือก บันทึก และจากนั้นเลือก เล่น

ทดสอบการ์ดของคุณโดยเพิ่มสินค้าสองสามรายการในรายการขายของชำ

ขั้นตอนถัดไป

เรียนรู้วิธีสร้างการ์ดที่ซับซ้อนยิ่งขึ้นด้วย ตัวเชื่อมต่อ Microsoft Dataverse