JSON Form

JSONViewForm PCF 控件

JSONViewForm PCF（Power Apps 元件框架）控制項旨在基於 JSON 資料動態呈現表單元素。它提供了一種靈活的方式來視覺化 Power Apps 中的 JSON 資料並與之互動。

特徵

• 基於 JSON 資料動態產生表單元素。
• 支援字串、布林值和數字屬性的不同輸入類型。
• 允許根據選定的屬性過濾表單元素。
• 當使用者與表單元素互動時更新 JSON 資料。
• 提供無效 JSON 輸入的錯誤處理。

安裝

若要在 Power Apps 環境中使用JSONViewForm PCF 控件，請執行下列步驟：

1. 使用提供的原始程式碼建構 PCF 控制項。或從這裡下載解決方案
2. 將控制解決方案匯入您的 Power Apps 環境。
3. 將控制項新增至所需的應用程式畫面或表單。

用法

參數

• JSONInput ：用於動態產生表單的 JSON 資料輸入。
• SelectedProperties ：（可選）來自 JSON 輸入的以逗號分隔的屬性名稱清單。如果提供，則只有這些屬性將顯示在表單上。
• FormFill ：（可選）表單背景的顏色值。
• InputFill ：（可選）輸入背景的顏色值。
• HeadingsFontSize ：（可選）表單標題的字體大小。
• ValuesFontSize ：（可選）表單值的字體大小。
• HeadingsColor ：（可選）表單標題的顏色。
• ValuesColor ：（可選）表單輸入值的顏色。
• 頁邊距：（選用）指定表單頁邊距。
• Shadows ：表單輸入的陰影選項。預設 = 關閉。
• Copy ：表單 JSON 的複製選項。預設 = 關閉。
• Reset ：用於重置控制項的布林參數（即 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 編寫。