问题标签 [formio]

我对 Vue 和 Form.io 都是新手，所以这里缺少一些简单的东西。我在这个 Form.vue 组件中收到错误“找不到模块：错误：无法解析 'vue-formio'” ：

这是原始 Formio 指令的迭代，它说“在您的 vue 应用程序中嵌入一个表单，使用 [this] formio 组件创建一个 vue 组件”：

但这也返回了“未找到模块：错误”。这是我的 App.vue：

我使用 Vue CLI 设置了基本项目，并在启动它之前使用了 npm install --save vue-formio。新手帮助非常感谢！

我也刚刚注意到 vue-formio 没有在 package.json 中注册（作为依赖项？）所以也许这是相关的。

我正在尝试让自定义组件在 Formio.js 中工作。我想要一个完整的、重要的工作示例。

我没有使用 angular、ng、react 或 form.io 服务。

文档很糟糕。我可以复制 Checkmatrix 示例代码并运行它（经过多次摆弄），但即使它也不能正常工作：在 formbuilder 中，编辑和删除控件不显示。（对此存在一个错误问题，但没有解决方案，这显然令人担忧。）

SDK 参考文档中到处都有死链接。例如“组件”，这似乎特别重要。

没有该示例使用的任何代码的文档。例如，它使用“renderTemplate”调用，但没有在任何地方描述参数。

看来，理解这个系统的任何部分的唯一方法就是试图弄清楚所有的源代码。没有添加代码的说明。

甚至不清楚最好的方法是什么：我是否应该分叉 formio.js 存储库，学习 TypeScript，并直接添加组件（如果我想保持 formio.js 最新，那就麻烦了）还是继续尝试通过在浏览器中注册附加脚本中的组件来工作。

** 任何人都可以就最佳方式给出具体建议吗？**

我正在使用Form.io的 Formbuilder，我使用 Formbuilder 的拖放功能构建了一个表单，并将生成的 JSON Schema 保存到我的数据库中。如何使用 JSON Schema 中的相同控件再次重建表单构建器？

我想这样做，以便用户可以对创建的表单进行任何修改。

我正在寻找如何从 JSON 重新初始化表单构建器。

JSON 是从表单构建器的builder.instance.schema.

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

应用程序中有两个角色 -
Editor - 修改 formio 定义。
用户 - 提交表单数据。

我特别感兴趣的是让几个“元数据”字段对编辑器来说是强制性的。编辑器应该不能从 formio 组件列表中删除某些字段。

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

• 保存表单后，检查表单组件并确保必填字段存在，如果不存在，则创建它们。
• 在 UI 中为特定组件设置一个标志，以便它们被“禁用”并且不能在 formio 编辑器中删除。

有没有人实施过这个？

在 FormioJS Select 中有 data.custom 选项：“有效的 JavaScript 将设置一个值对象，该对象是用于填充选择列表的值。” https://github.com/formio/formio.js/wiki/Select-Component

调用函数有效，设置值无效。我尝试了下面的代码，总是将 [] 作为选择本身的数据：

表单数据是：

将 JSON 字符串作为变量传递时，我无法获取要呈现的表单。如果我将字符串粘贴到 HTML 中，它可以正常工作。很困惑。我的 HTML：

我预加载 JSON 并从路由数据中提取。我的组件：

JSON 字符串在错误之前打印到控制台，我可以再次将从控制台打印的 JSON 字符串复制并粘贴到 HTML 中，它显示正常。在 Chrome 中看到的错误：

我已经成功地将 formio API 集成到 angular 项目中，并且我在 fromio 中创建的表单显示在 angular8 UI 中。我还在同一页面上实现了语言翻译，它工作正常。试图集成formio离线插件关于如何在angular8版本中注册离线插件的任何指针。？

参考：https : //help.form.io/developer/offline/#offlineapi 但无法找到 angular8 离线实现的详细信息

我正在尝试将angular-formio嵌入到 Iconic 4 PWA 应用程序中。据我所知，formio 不包含 Ionic 的模板。所以我已经恢复使用隔离引导作为解决方法。这让我可以执行以下操作：

我将 angular-formio<form-builder>元素包装在带有bootstrapCSS 类的 div 中。这很好用，似乎让 Ionic 和 Bootstrap 风格并存。我将需要应用一些 CSS 调整以使其恰到好处，但现在可以使用。

我遇到的问题是 formio 会弹出它自己的对话框来编辑表单元素。这些对话框被插入到该元素之外的 DOM 中，因此没有所需的bootstrapCSS 类。

有什么方法可以告诉 angular-formio 或底层的 formio.js 将 CSS 类添加到其所有元素和对话框中，以便将独立引导应用于这些元素？

感谢您阅读我的问题。

我在我的反应应用程序中使用FormIO来呈现表单构建器。我需要将可用于拖放的组件限制为仅某些组件——就像这个官方 FormIO 文档所说的那样：https ://formio.github.io/formio.js/app/examples/custombuilder.html

这是我的表单生成器选项组件：

如您所见，我想删除: layout，以及andpremium的部分。我的意思是保留该部分的所有组件，但添加更多的中断。使用此选项对象，表单构建器会隐藏特定的请求字段，但当您尝试展开组件部分（如数据）时，此错误会出现在控制台上并且您无法展开：basicadvanceddatadata: true

当您尝试拖放组件以使您的表单应用程序崩溃并出现其他错误时：

我究竟做错了什么？

使用 form-io 创建 Web 表单并从中创建记录后，我如何才能以 pdf 格式获取该表单？有没有我可以使用的标签，或者我们是否需要为此使用任何其他第三方 npm 包？