问题标签 [formio]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
105 浏览

angular - 找不到模块'formiojs/full'

我实现了Formio 角度自定义组件

在实施时,app.component.js我使用了以下导入,它给了我错误。

错误:-

找不到模块“formiojs/full”。

import { FormioForm } from 'formiojs/full';

0 投票
1 回答
550 浏览

reactjs - 使用 ReactDOM 无法正确显示 Formio UI

我是新手,我正在学习使用钩子,但我似乎无法让 Formio 插件与组件一起正常工作。

我不确定 React.DOM 将如何使用钩子实现,但 Formio 的文档状态:

我尝试在一个组件上实现,但 ReactDOM 一直给我一个错误。这段代码有效,但插件很不稳定,所以我知道有些东西不能正常工作。

当我添加 ReactDOM.render 时,我收到错误:

任何建议都会有所帮助!

0 投票
1 回答
2173 浏览

angular - Angular formio 自定义组件

我已经按照 formio docs 创建自定义组件,但我只是一个初学者,所以我无法让它工作。我想创建自定义组件来实现这个页面

在此处输入图像描述

我想创建自定义组件,例如添加新卡,您可以选择该卡的子卡,例如视频或图像,输入等。基本上我想实现谷歌表单构建器我发现 formio 是表单构建器的最佳选择,但我被这个自定义组件卡住了。我听说有人终于在 stackoverflow 中创建了自定义组件,我也在他们的问题中问他们。那么,任何人都可以帮助我吗?也许你有我要遵循的源代码,或者任何东西,非常感谢任何帮助

0 投票
0 回答
1030 浏览

angular - 在 formio builder 上添加自定义属性

我想创造这样的东西

在此处输入图像描述

我想创建一张卡片,其中包含诸如 pharagraph、iframe 之类的标签以及输入。我已成功将自定义组件添加到我的表单构建器,但我需要为我的新组件传递一个属性。就像,我有一个 iframe 组件,但我需要将一个 url 传递给该组件,有人知道怎么做吗?

这是我其中一个组件的代码

我希望 iframe src 是动态的,用户可以将他们的 url 插入到该属性中。我感谢任何帮助

编辑

这是我的构建器 html 代码

和builder.ts

0 投票
1 回答
372 浏览

angularjs - Form.io AngularJS 设置“选项”

我正在使用 form.io (angular JS) 创建一个使用 JSON 对象的表单。还使用“向导”模式。这很好用,但我似乎无法理解如何设置表单的选项。特别是 breadcrumbSettings.clickable 设置,我需要将其设置为 false。

我正在像这样在 HTML 中创建表单:

我尝试在 html/JS/访问表单对象中设置“选项”参数。没有任何效果。而且我找不到使用 Angular js 设置选项对象的相关示例。

那里的任何人都知道如何实现这一目标?

谢了,兄弟们

0 投票
0 回答
124 浏览

javascript - React-Jest Formio js 测试问题

我有一个带有 formio.js 的反应项目问题就像我发现很难测试在反应容器中作为子组件呈现的 formio 页面。

例如:

其中 div 是父组件或容器,form 是在 div 内呈现的子组件。子组件是使用 formio json 格式构建的。

实际问题在于子组件的测试。

测试代码:我正在使用 jest 和酵素

错误恰好在 .find 函数处:它表明 formHtml.find 不是函数。

console.log(formHtml) 打印表单内的 html。

我做错了什么,任何参考formio js的编写测试将不胜感激。

提前致谢。

0 投票
2 回答
2894 浏览

javascript - form.io 如何在模糊上触发自定义验证?

在 form.io 表单构建器中,我添加了自定义验证,但默认设置是触发更改验证,我想将其设置为模糊。

我在自定义验证选项卡上尝试了以下代码:

代码在模糊上运行,但没有显示错误有效的全局变量设置为正确的错误消息它只是没有显示在表单上我还注意到文本字段上的字符越多,事件在模糊时触发的越多,如果有任何帮助,我将不胜感激。谢谢!

0 投票
1 回答
703 浏览

javascript - 根据条件隐藏 FormIo Radio 选项?

是否可以根据上一个问题的答案隐藏单选选项值?

例如:

问题 1(单选):红色还是蓝色?

问题 2(单选):10(仅红色)、20(仅红色)、(30 仅蓝色)、40(仅蓝色)

如果用户选择蓝色,我不想显示 10 和 20。

我无法将第二个问题一分为二,因为 API 属性必须相同。

0 投票
1 回答
246 浏览

javascript - 如何在 Form.io 中创建具有硬编码值的自定义布局组件(没有选项对话框)

我使用 Form.io builder 作为我的应用程序的主要表单构建器。

我的客户的一个请求是从名为“2 列”、“3 列”和“4 列”的侧边菜单中创建一些可拖动的组件。

拖动此组件后,您将从formio包中获得现有的“列”组件,其中预定义了 2/3/4 列(因此不会打开对话框来开始弄乱组件设置。

这是一个例子: 在此处输入图像描述

有没有办法做到这一点?

0 投票
1 回答
245 浏览

action - Formio 网络钩子。哪些表单变量可用作 webhook url 的查询参数?

在 formio 的 OpenSource 版本中,是否可以使用表单数据字段值向 webhook URL 添加查询参数?

示例 URL: http://10.211.55.40:53130/sms?to= {{ data.telNo }}

我 100% 确定 data.telNo 是该字段的正确 API,但 webhook 显示: “POST /sms?to=undefined HTTP/1.1”

如果数据变量不可用,是否还有其他变量可以使用?

谢谢,艾伦。