JSON Form

Kontrol PCF JSONViewForm

Kontrol JSONViewForm PCF (Power Apps Component Framework) dirancang untuk merender elemen formulir secara dinamis berdasarkan data JSON. Ini memberikan cara yang fleksibel untuk memvisualisasikan dan berinteraksi dengan data JSON dalam Power Apps.

Fitur

• Menghasilkan elemen formulir secara dinamis berdasarkan data JSON.
• Mendukung berbagai jenis input untuk properti string, boolean, dan numerik.
• Memungkinkan pemfilteran elemen formulir berdasarkan properti yang dipilih.
• Memperbarui data JSON saat pengguna berinteraksi dengan elemen formulir.
• Memberikan penanganan kesalahan untuk masukan JSON yang tidak valid.

Instalasi

Untuk menggunakan kontrol PCF JSONViewForm di lingkungan Power Apps Anda, ikuti langkah-langkah berikut:

1. Bangun kontrol PCF menggunakan kode sumber yang disediakan. Atau unduh solusi dari sini
2. Impor solusi kontrol ke lingkungan Power Apps Anda.
3. Tambahkan kontrol ke layar atau formulir aplikasi yang Anda inginkan.

Penggunaan

Parameter

• JSONInput : Input data JSON yang digunakan untuk menghasilkan formulir secara dinamis.
• SelectedProperties : (Opsional) Daftar nama properti yang dipisahkan koma dari input JSON. Jika disediakan, hanya properti ini yang akan ditampilkan pada formulir.
• FormFill : (Opsional) Nilai warna untuk latar belakang formulir.
• InputFill : (Opsional) Nilai warna untuk latar belakang Input.
• HeadingsFontSize : (Opsional) Ukuran font untuk judul formulir.
• ValuesFontSize : (Opsional) Ukuran font untuk Nilai formulir.
• HeadingsColor : (Opsional) Warna untuk judul formulir.
• ValuesColor : (Opsional) Warna untuk Nilai masukan formulir.
• Margin : (Opsional) Menentukan margin formulir.
• Bayangan : Opsi bayangan untuk input formulir. Bawaan = Mati.
• Salin : Opsi salin untuk formulir JSON. Bawaan = Mati.
• Reset : Parameter Boolean untuk mereset kontrol (yaitu UpdateContext({locResetForm: !locResetForm})).
• CurrentEvent : Properti Output untuk menampilkan peristiwa formulir saat ini (FormLoaded,FormReset,ValueChanged,JsonCopied).
• CurrentKey : Properti Output untuk menampilkan kunci saat ini yang diubah.
• CurrentValue : Properti Output untuk menampilkan nilai saat ini yang diubah.

Contoh

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

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

Berkontribusi

Kontribusi pada kontrol JSONViewForm PCF dipersilakan! Untuk berkontribusi, silakan ikuti langkah-langkah berikut:

1. Cabangkan repositori.
2. Buat cabang baru untuk fitur Anda atau perbaiki.
3. Buat perubahan Anda dan uji secara menyeluruh.
4. Kirimkan permintaan tarik yang menjelaskan perubahan Anda.

Lisensi

Kontrol JSONViewForm PCF dilisensikan di bawah Lisensi MIT.

Pengarang

Kontrol PCF ini ditulis oleh Shaheer Ahmad.