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 编写。