JSON Form

การควบคุม PCF ของ JSONViewForm

การควบคุม JSONViewForm PCF (Power Apps Component Framework) ได้รับการออกแบบมาเพื่อแสดงผลองค์ประกอบแบบฟอร์มแบบไดนามิกตามข้อมูล JSON โดยให้วิธีที่ยืดหยุ่นในการแสดงภาพและโต้ตอบกับข้อมูล JSON ภายใน Power Apps

คุณสมบัติ

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

การติดตั้ง

หากต้องการใช้ตัวควบคุม JSONViewForm PCF ในสภาพแวดล้อม Power Apps ของคุณ ให้ทำตามขั้นตอนเหล่านี้:

1. สร้างการควบคุม PCF โดยใช้ซอร์สโค้ดที่ให้มา หรือดาวน์โหลดโซลูชันจากที่นี่
2. นำเข้าโซลูชันการควบคุมลงสู่สภาพแวดล้อม Power Apps ของคุณ
3. เพิ่มการควบคุมลงในหน้าจอแอปหรือแบบฟอร์มที่คุณต้องการ

การใช้งาน

พารามิเตอร์

• JSONInput : อินพุตข้อมูล JSON ที่ใช้ในการสร้างแบบฟอร์มแบบไดนามิก
• SelectedProperties : (ไม่บังคับ) รายการชื่อคุณสมบัติที่คั่นด้วยเครื่องหมายจุลภาคจากอินพุต JSON หากระบุไว้ เฉพาะคุณสมบัติเหล่านี้เท่านั้นที่จะแสดงบนแบบฟอร์ม
• FormFill : (ไม่บังคับ) ค่าสีสำหรับพื้นหลังของฟอร์ม
• InputFill : (ไม่บังคับ) ค่าสีสำหรับพื้นหลังอินพุต
• HeadingsFontSize : (ไม่บังคับ) ขนาดแบบอักษรสำหรับส่วนหัวของแบบฟอร์ม
• ValuesFontSize : (ไม่บังคับ) ขนาดแบบอักษรสำหรับค่าของฟอร์ม
• HeadingsColor : (ไม่บังคับ) สีสำหรับส่วนหัวของฟอร์ม
• ValuesColor : (ไม่บังคับ) สีสำหรับค่าอินพุตแบบฟอร์ม
• Margins : (ไม่บังคับ) ระบุระยะขอบของแบบฟอร์ม
• เงา : ตัวเลือกเงาสำหรับการป้อนแบบฟอร์ม ค่าเริ่มต้น = ปิด
• คัดลอก : ตัวเลือกคัดลอกสำหรับแบบฟอร์ม JSON ค่าเริ่มต้น = ปิด
• รีเซ็ต : พารามิเตอร์บูลีนเพื่อรีเซ็ตการควบคุม (เช่น UpdateContext({locResetForm: !locResetForm}))
• CurrentEvent : คุณสมบัติเอาต์พุตเพื่อส่งออกเหตุการณ์แบบฟอร์มปัจจุบัน (FormLoaded, FormReset, ValueChanged, JsonCopied)
• CurrentKey : คุณสมบัติเอาต์พุตเพื่อส่งออกคีย์ปัจจุบันที่เปลี่ยนแปลง
• CurrentValue : คุณสมบัติเอาต์พุตเพื่อส่งออกค่าปัจจุบันที่เปลี่ยนแปลง

ตัวอย่าง

 import { IInputs , IOutputs } from "./generated/ManifestTypes" ;
import './style/JSONViewForm.css'

export class JSONViewForm implements ComponentFramework . StandardControl < IInputs , IOutputs > {
    // Implementation details...
} 

มีส่วนร่วม

ยินดีมีส่วนร่วมในการควบคุม JSONViewForm PCF! หากต้องการมีส่วนร่วม โปรดทำตามขั้นตอนเหล่านี้:

1. แยกพื้นที่เก็บข้อมูล
2. สร้างสาขาใหม่สำหรับฟีเจอร์หรือการแก้ไขของคุณ
3. ทำการเปลี่ยนแปลงและทดสอบอย่างละเอียด
4. ส่งคำขอดึงที่อธิบายการเปลี่ยนแปลงของคุณ

ใบอนุญาต

การควบคุม JSONViewForm PCF ได้รับอนุญาตภายใต้ใบอนุญาต MIT

ผู้เขียน

การควบคุม PCF นี้เขียนโดย Shaheer Ahmad