问题标签 [formio]

我正在使用 formio 渲染器在 Angular 应用程序中显示表单。我将一个 json-object 传递给 formio 指令。现在我正在尝试将工具提示放置到组件中。对于文本字段来说没问题：

但我不知道在 html 元素或表格标题上执行此操作的正确方法是什么。我的目的是在表格的标题元素上提供工具提示。作为一个 html 元素的解决方法，我尝试了这个。但我想知道是否有更好的方法。

我真的花了几个小时在这上面，但无济于事。是时候召集骑兵了。

在 Angular 中将 formio 表单配置为组件时如何捕获 onSubmit 的示例有很多。但是我找不到任何将 onSubmit 捕获为配置为模块的 formio 表单的示例。

它为什么如此重要？在 formio 表单上提交新的或编辑的记录后，URL 默认为该记录的视图 .../<form>/<recid>/view。我想重定向到不同的 URL。当表单被定义为 Angular 组件时，这很容易：

我在一个模块中尝试了类似的代码，onSubmit 中的代码永远不会被触发。显然有办法做到这一点；我就是找不到。请指教。

环境

• 托管类型

  • [] 表单.io
  • [x] 本地部署

• Formio.js 版本：- 版本：4.9.26

• 前端框架：Angular 8+

• 浏览器：铬

• 浏览器版本：版本 83.0.4103.116（官方构建）（64 位）

预期行为

支持表单值的组（集体）设置defaultValue。就像单个表单组件defaultValue设置一样`

观察到的行为

也不 this.tempFormContent.defaultValues = formSavedData行

这是否没有记录或不受支持？

例子

单独设置为默认值工作正常：

但是是否有一些组默认设置，我已经尝试过了，但没有工作：

我有一个简单的 formio 表单，它设置了一个基本的文本字段组件，我想根据用户单击以打开表单的链接将值传递给该组件。

我尝试使用简单的 URL 查询字符串值传递一个值。

我的文本字段名为 projectNumber。尝试使用类似这样的方式传递值 - https://url.com/formpage?projectNumber=project1但它不会接受该值。我确定我缺少一些简单的东西。我进行了相当多的搜索并浏览了 formio 文档，但无法找到与看似相当简单的场景相关的任何内容。

有没有其他人处理过这种情况并找到了解决方案？

我刚开始弄乱form.io，有点卡住了。我正在尝试在数据网格的每一行中创建一些条件。例如，如果选择了等于“payIn”的单选按钮，则另一个字段应出现在同一行中。我可以通过将数组编号分配给组件的 JSON 来静态地做到这一点，但这显然不能解决这个动态工作的问题（这只是用来测试逻辑，因为它总是指向第一行）。我可以做什么/使用什么来使这个逻辑在数据网格中的每一行中独立工作？

谢谢你的帮助！

希望这对这里的专家来说是一件容易的事。我一直在做一些搜索并尝试了很多不同的可能解决方案，但是这种异步/同步考验让我感到困惑。

无论如何，我正在尝试从我编写的 API 中获取 JSON。我的值恢复正常，并在控制台日志中验证了它。但是，我正在尝试将该 JSON 中的特定值复制到 form.io 中的字段中。

JS：

该 JSON 响应如下所示：

我现在正在尝试将“Balance”的值保存到 form.io 中名为“runningBalance”的字段中。所以，它需要是这样的：

显然最后一部分是完全错误的，我只知道我需要使用“value =”，因为这个脚本在表单中的位置......但我无法理清如何将 JSON 的 Balance 部分分配给那个“价值”。

非常感谢您提供任何帮助！

控制台日志截图：

使用“.then(data => console.log(data[0]));”时的另一个屏幕截图：

我正在尝试在 azure 中托管此处可用的 formio 代码（https://github.com/formio/formio）。我正在使用 docker-compose（https://github.com/formio/formio/blob/master/docker-compose.yml）文件进行托管。我在 Azure 管道中为 npm install 和 docker compose 创建了一个任务，但我无法访问该站点。它给了我 503 错误我什至将端口更改为 80 但仍然是相同的错误。任何帮助将不胜感激。

我有一个使用formIo生成的表单，并且需要为此表单添加一些样式。

当我专注于输入时，我想让标签浮动，仅使用CSS

这是生成的 html 和我用来实现这个目标的 css：

PS：如果您需要更多信息，请告诉我

所以我正在使用 Formio 构建一些内容，它能够为下拉选项添加自定义 JSON 内容。

这是我的 JSON：

我想要做的是显示 MBB:Name 下的所有值

我发现当我输入以下内容时，我得到了返回值“Device Sim”，但我想返回 MBB 和 Name 下的所有值，因为我很快会添加更多选项，而不仅仅是 Name。

如果我这样做：

我只是得到一个未定义的结果，所以我有点迷茫。

任何帮助，将不胜感激！

您可以在小提琴https://jsfiddle.net/nexawo/aqxLwuoc/1/中看到 formio 多选示例

在此您可以添加多个值并提交它，这将保存数据，但是当我们从 db 获取数据并希望使其选择项目时，它会显示 [object Object] instread of data

我正在使用 formio 多选，它可以很好地插入和更新数据，但它不显示 Db 中保存的值。

我将学生姓名显示为标签并将 ID 保存在数据库中。在formio多选中，我在提交数据时给属性名称studentDto我在这个表单中获取数据

此数据完美保存在 Db 中

现在我希望当用户来到索引页面时，他们可以将这些记录视为多选列中的选定值，但是当我访问该页面时，我会看到这种形式的数据 [object Object]

那么如何将这两条记录显示为选定值。