javascript - 如何在 Formio 编辑期间使 I 字段成为必填字段？

Question

我正在使用 Formio 编辑器和渲染器构建表单编辑页面。
我想在表单编辑器中强制使用特定的表单字段。 [不同于在提交期间强制输入字段]

应用程序中有两个 Angular 色 -
编辑器 - 修改 formio 定义。
用户 - 提交表单数据。

我特别感兴趣的是让编辑器必须使用几个“元数据”字段。编辑器应该无法从 formio 组件列表中删除某些字段。

我正在考虑实现的几个选项 -

保存表单时，检查表单组件并确保必填字段存在，如果不存在，则创建它们。

在 UI 中为特定组件设置一个标志，以便它们被“禁用”并且无法在 formio 编辑器中删除。

有没有人实现过这个？

Answer 1

你似乎朝着正确的方向前进。
你绝对可以做到(如你所建议的):

保存表单时，检查表单组件并确保必填字段存在，如果不存在，则创建它们或抛出错误

除此之外，您还可以扩展表单构建器并删除构建器中这些必需组件旁边的“删除”图标。
去做这个，

为所有组件添加自定义属性，例如“customIsMandatory”

如果该组件的“customIsMandatory”为真，则修改 WebformBuilder 的 options.templates 以显示不同的模板(删除了“删除”图标的模板)。

您可以在构建器中预先填充这些必需组件，并确保为它们将此属性设置为 true。