บทช่วยสอน: เพิ่มฟอร์มลงในหน้าของคุณ

Power Pages ให้คุณเพิ่มส่วนประกอบของฟอร์มลงในหน้าเพื่อให้ผู้ใช้ของคุณสามารถสร้าง แก้ไข หรือดูเรกคอร์ด Microsoft Dataverse ได้

ฟอร์มบนหน้าถูกสร้างขึ้นจากฟอร์มตาราง Microsoft Dataverse

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

ในบทช่วยสอนนี้ คุณจะเรียนรู้วิธีการ:

  • สร้างฟอร์ม
  • เพิ่มส่วนประกอบของโค้ด
  • การเพิ่มฟอร์มไปยังหน้า
  • ตั้งค่าคอนฟิกตัวเลือกโค้ด

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

สร้างฟอร์ม

วิดีโอนี้ให้ภาพรวมของขั้นตอนเพื่อสร้างฟอร์ม

  1. ไปที่ Power Pages

  2. ใน พื้นที่ทำงานของข้อมูล เลือก ตารางข้อคิดเห็น แล้วเลือก แท็บฟอร์ม

    ตัวเลือกเมนูฟอร์มสำหรับตารางข้อคิดเห็นในพื้นที่ทำงานของข้อมูล

  3. เลือก + ฟอร์มใหม่ เพื่อเปิดตัวแก้ไขฟอร์ม

    ไทล์เมนู + ฟอร์มใหม่ภายในรายการเมนูฟอร์ม

  4. กรอกรายละเอียด

    • ตั้งชื่อฟอร์ม คุณยังสามารถเพิ่มคำอธิบายได้หากต้องการ

    • เลือก สร้าง

      สร้างฟิลด์ฟอร์มใหม่

  5. แก้ไขฟอร์มโดยใช้ตัวเลือกเมนู เพิ่มฟิลด์ หรือโดยการลากและวางฟิลด์ที่มีอยู่เพื่อจัดลำดับใหม่

  6. เลือก เผยแพร่ฟอร์ม

    ปุ่มเผยแพร่ฟอร์มภายในพื้นที่ทำงานของข้อมูล

  7. เลือก ย้อนกลับ

    ตัวเลือกเมนูย้อนกลับ

ฟอร์มจะปรากฏในรายการฟอร์มสำหรับตารางนั้น

ดูเพิ่มเติม

เพิ่มส่วนประกอบของโค้ด

คุณสามารถเพิ่มส่วนประกอบโค้ดลงในฟอร์ม Dataverse เพื่อให้โต้ตอบขั้นสูงกับฟิลด์ข้อมูลเฉพาะได้ ตัวอย่างเช่น เราสามารถเปิดใช้งานความสามารถในการแก้ไข Rich Text ให้กับฟิลด์ข้อความหลายบรรทัดในฟอร์ม

  1. ใน พื้นที่ทำงานของข้อมูล เลือก ตารางข้อคิดเห็น แล้วเลือก แท็บฟอร์ม

  2. เลือกฟอร์มที่คุณสร้างไว้ก่อนหน้านี้

  3. เลือกฟิลด์ ข้อคิดเห็น บนฟอร์ม

  4. ในส่วนทางขวามือ ให้เลือก ส่วนประกอบ แล้วเลือกตัวควบคุม ตัวแก้ไข Rich Text

    ตัวเลือกตัวควบคุมตัวแก้ไข Rich Text ใน เพิ่มส่วนประกอบ

  5. เลือก เสร็จ

ฟอร์มตอนนี้มีส่วนประกอบโค้ดที่เชื่อมโยงกับฟิลด์

การเพิ่มฟอร์มไปยังหน้า

ขั้นตอนต่อไปนี้ให้รายละเอียดเกี่ยวกับวิธีการเพิ่มฟอร์มของคุณในหน้า

วิดีโอนี้ให้ภาพรวมของขั้นตอนเพื่อเพิ่มฟอร์มไปยังหน้า

  1. เปิดไซต์ Power Pages ในสตูดิโอการออกแบบ

  2. เลือก + ไอคอน ถัดจาก การนำทางหลัก เพื่อเพิ่มหน้าใหม่

  3. กรอกรายละเอียด

    • ตั้งชื่อหน้า
    • เลือก เริ่มจากเทมเพลตเปล่า
    • เลือก เพิ่ม

    รายละเอียดสำหรับหน้าใหม่ของคุณ

  4. เลือก ฟอร์ม จากแถบส่วนประกอบ

    ไอคอนฟอร์มจากแถบส่วนประกอบ

  5. เลือก + ฟอร์มใหม่

    เพิ่มอหน้าต่างฟอร์ม

  6. กรอกรายละเอียด

    • เลือก ตารางข้อคิดเห็น
    • เลือกฟอร์มที่คุณสร้างไว้ก่อนหน้านี้
    • เลือก ตกลง

    รายละเอียดการเพิ่มฟอร์ม

  7. เลือกปุ่ม สิทธิ์

    ปุ่มสิทธิ์

  8. เลือก สิทธิ์ข้อคิดเห็น

    • รับรองว่า สร้างสิทธิการใช้งาน ถูกตรวจสอบและว่ามีการเชื่อมโยงบทบาทเว็บ ไม่ระบุชื่อ และ รับรองความถูกต้อง

    ตัวเลือกสำหรับการตั้งค่าสิทธิ์ข้อคิดเห็น

  9. เลือก หน้าตัวอย่าง

    ไอคอนแสดงตัวอย่าง

เปิดใช้งานคอมโพเนนต์ของโค้ดบนฟิลด์ฟอร์ม

วิดีโอนี้แสดงภาพรวมของขั้นตอนในการกำหนดค่าตัวควบคุมตัวแก้ไข Rich Text บนฟอร์ม

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

หากต้องการเปิดใช้งานส่วนประกอบของโค้ด:

  1. เลือกปุ่ม แก้ไขส่วนประกอบของโค้ด จากเมนู

  2. สลับตัวสลับ เปิดใช้งานฟิลด์ส่วนประกอบที่กำหนดเอง ไปที่ตำแหน่งเปิด

ส่วนประกอบที่กำหนดเองเปิดใช้งานสำหรับฟิลด์นั้นแล้ว

  1. จากสตูดิโอออกแบบ เลือกตัวอย่าง และไปที่หน้าของคุณ

  2. ฟอร์มควรแสดงตัวควบคุมตัวแก้ไข Rich Text บนฟิลด์

    ฟอร์มข้อคิดเห็นพร้อมตัวควบคุมตัวแก้ไข Rich Text ในความคิดเห็น

เปิดใช้งานสิ่งที่แนบในฟอร์ม

วิดีโอนี้แสดงวิธีเปิดใช้งานไฟล์แนบในแบบฟอร์ม

ผู้ใช้สามารถอัปโหลดไฟล์แนบพร้อมกับส่งฟอร์ม

ในการเปิดใช้งานสิ่งที่แนบในฟอร์ม:

  1. เพิ่มฟอร์มหรือแก้ไขฟอร์มที่มีอยู่

  2. ในโมดอล เพิ่มฟอร์ม ให้เลือก สิ่งที่แนบ จากแผงด้านซ้าย

    • กำหนดค่าตัวเลือกต่อไปนี้:
      • เปิด/ปิด ตัวสลับ เปิดใช้งานสิ่งที่แนบ
      • เปิด/ปิด ตัวสลับ ต้องมีสิ่งที่แนบมา
      • เปิด/ปิดตัวสลับ อนุญาตหลายไฟล์
      • ขนาดไฟล์สูงสุดที่อนุญาต

หมายเหตุ

อนุญาตชนิดไฟล์ต่อไปนี้:

  • All
  • Audio
  • เอกสาร
  • Image
  • Video
  • เฉพาะ (ค่าที่ใช้จุลภาคเป็นตัวคั่น)

ตัวเลือกเมนูสำหรับเปิดใช้งานสิ่งที่แนบมาในฟอร์ม

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

ฟอร์มที่เปิดใช้งานตัวเลือกไฟล์แนบ

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

ต่อไป เรียนรู้วิธีสร้างฟอร์มหลายขั้นตอน (ขั้นสูง) ในหน้าของคุณ