问题标签 [formio]

我们正在尝试创建一个应用程序，该应用程序将具有用于设计表单的管理界面，以及用于嵌入这些表单、从最终用户收集数据并将数据发送到 Azure 中的 REST 端点的用户界面。

前端在 Angular 中，后端服务是用 ASP.NET 核心编写的 Azure 中的应用服务。

我们查看了提供表单设计器和嵌入部分的 form.io，但后端服务似乎需要在 form.io 平台上。是否可以只使用他们的客户端设计器和渲染器并使用 Azure 服务保存/加载表单架构用户数据？如果没有，任何人都可以指出除了从头开始编写角度代码之外的任何其他选择吗？

我正在使用下面的包动态生成表单：

https://www.npmjs.com/package/react-formio

我login-form使用此链接 生成了一个简单的https://codesandbox.io/s/cra-react-formio-iy8lz

构建后，它会创建一个 JSON。然后，我使用该 JSON 生成一个表单。

它会创建与预期相同的表单，但我希望仅在用户输入他/她的用户 ID/名字/名字时才显示密码字段

https://codesandbox.io/s/brave-smoke-07qyi

见更新

我正在使用下面的包动态生成表单：

https://www.npmjs.com/package/react-formio

我使用此链接https://codesandbox.io/s/cra-react-formio-iy8lz生成了一个简单的登录表单

构建后，它会创建一个 JSON。然后，我使用该 JSON 生成一个表单。

https://codesandbox.io/s/quirky-chatelet-5ujhj

我想显示自定义消息，例如required field和min length error messagemax length error message

我正在使用这个包来生成动态表单 https://www.npmjs.com/package/react-formio?activeTab=readme

如文档中所述创建select box

https://formio.github.io/formio.js/app/examples/select.html

我按照这些步骤操作，但它不起作用。它没有提供文档中提到的预期视图输出。这是我的代码

https://codesandbox.io/s/brave-smoke-07qyi

我正在使用react-formio包动态生成表单。

我使用此链接生成了一个简单的登录表单：https ://codesandbox.io/s/cra-react-formio-iy8lz

构建后，它会创建一个 JSON。然后，我使用该 JSON 生成一个表单，但是当我通过表单提交后fulfill all validation of form它总是显示disable mode为什么？

我们如何再次启用按钮？什么时候我promise is resolved以及如何在提交后重置表单？

这是我的代码，codesandbox 链接

还有一件事

我还添加了one more button

我还添加了点击处理程序，但它不起作用

我正在使用下面的包在反应中动态生成表单：

https://www.npmjs.com/package/react-formio

我发现了一个例子，其中on button click, an event is listening https://jsfiddle.net/Formio/obhgrrd8/?utm_source=website&utm_medium=embed&utm_campaign=obhgrrd8

我想在react使用上面的包时做同样的事情这是我的代码

https://codesandbox.io/s/lucid-austin-vjdrj

我有三个按钮我想听button click event

问题：Formio（社区版）

说这是我的表格

我找不到 Formio 这样做的方法，所以我做了这样的事情。

问题： 1. 现在如果我有任何强制验证，那么它不会让我从后端开始提交。

有没有办法解决这个问题或解决方法？

我正在按照https://github.com/formio/angular-formio/wiki/Form-Builder的说明进行操作，即使没有客户端错误，我也没有看到在我的页面上呈现任何表单生成器。

这是我看到的：https ://imgur.com/a/9CL7oRF 由于某种原因，表单生成器被呈现为 0x0。

我的代码：

问卷-builder.component.ts

问卷-builder.component.html

问卷.module.ts

我正在使用Form.io v3.27.1，并且我正在尝试创建一个自定义布局组件 - 特别是手风琴 - 我在很大程度上使用CheckMatrix组件示例中提供的概念。

我可以让手风琴组件显示在工具箱中，我可以将它拖到表单上，使用自定义编辑表单等配置它。我可以保存它，它完美地呈现了一个以 Bootstrap 为主题的手风琴。

然而，它没有做的是允许我将其他组件拖放到内容区域中，类似于其他布局组件的行为（即Tabs，Columns等Fieldset）。

我假设通过浏览我需要扩展的其他布局控件的源代码来NestedComponent代替BaseComponent，但我还不能完成这项工作。

我觉得我忽略了一些小东西。我似乎无法弄清楚如何呈现一个接受其他 Form.io 组件作为子组件的布局组件。

任何人都有一个可行的例子或建议我可以尝试让它工作吗？我提前感谢您的帮助！

我在前端使用 angular CLI，我使用 angular-formio 进行动态构建。但我在 API 中传递自定义标头时遇到问题。我创建了一个带有选择动态选择下拉列表并选择数据源类型的表单URL。但我无法传递当前存储在本地存储中的标头值。

当我在 headers 值字段中使用 localStorage.getItem 函数时，它将它作为一个字符串并在 API 标头中传递。我发现此链接用于传递自定义标头，但这是我无法在 Angular CLI 应用程序中使用的 javascript 方法。