问题标签 [surveyjs]

在我的项目中，我们使用调查 JS 来填写 Angular 应用程序中的表格。在 Survey Matrix 中，默认的日期选择器是 jQuery UI 日期选择器。它很难使用，因为它没有易于访问的年度导航和其他功能。我想使用比默认选择器更好的 Bootstrap 日期选择器。但我不确定当我在 Matrix 中选择日期选择器单元格类型时如何调用此自定义小部件。我已经引用了以下 URL https://surveyjs.io/Examples/Library/?id=custom-widget-datepicker&platform=Angular#content-js ，它有如何显示日期选择器类型的示例，但不确定我如何注入这进入矩阵。任何帮助深表感谢。

在 SurveyJS 中，我有一个无线电选择问题，它从前一个问题中提出选择。

具体来说，在第一季度，我询问客户查看了哪些竞争对手。在第二季度，我想请他们选择价格最优惠的人。我想将我自己公司的名称添加到列表中。

另外，我不知道如何添加自己的自定义选项。有没有办法做到这一点？

有没有办法做到这一点？

我是新来的SurveyJS。我想Google Map作为小部件添加到SurveyJS. 我做了一些步骤，地图已正确添加到该Survey Designer部分中，但它没有在该部分中加载我的小部件Test Survey。我已经上传了下面的代码和图片请指导我谢谢

文件名：mapWidget.ts

文件名：survey.creator.component.ts

文件名：survey.component.ts

我在尝试使用 SurveyJS 功能的地方制作 Vue 应用程序时遇到问题：

• 我有一个 .vue 页面（Questionnaire.vue），其中有一个调查功能，询问预评估问题。在完成时，我希望它保存到 JSON 文件。
• 我有另一个 .vue 页面（contactInfo.vue），我有一个调查功能，用户可以在其中输入他们的联系信息（名字、姓氏、电话号码和电子邮件。在页面的末尾，我希望它能够有上传文件的能力，我有一个实现它的方法。我需要更好的 Axios 吗？

我的问题是我：

1. 在完成第一个调查（问卷）时遇到问题，让 Vue 应用程序转换到第二个 .vue 页面（ContactInfo）。它应该在一个 vue 页面中还是我正在实施并称它错误？
2. 我在 POST 到我的 MongoDB 数据库时遇到问题。我希望能够将 JSON 文件中的所有信息发送到数据库，但我遇到了连接问题或其他问题。

示例代码不包括我的数据库 URL 连接，但代码显示了其他所有内容。

PreScreen.vue

这是我的Upload.vue

这是我的App.vue

我正在使用 SurveyJs 创建调查。在这样做时，我希望创建一个按钮来添加到每个问题的标题中。我已经能够用 Javascript 做以下事情，但我希望用 React 做同样的事情。

呈现调查效果很好，所以我认为不值得展示。以下是每个问题都被渲染时的回调函数。以下工作正常：

上面的代码工作正常，如您所见，它使用的是 Javascript。但是，我正在尝试使用 React 做同样的事情，但我做不到。现在，我有这个：

但是，上面的代码会导致以下错误：

错误：对象作为 React 子项无效（找到：[object HTMLHeadingElement]）。如果您打算渲染一组子项，请改用数组。

即使不熟悉 Surveyjs，我如何才能使用 React 将元素简单地附加到现有元素，类似于我已经使用 Javascript 完成的方式？

我正在对 SurveyJS 进行调查，我对问题中的格式化可能性有疑问。

在这个问题中，我希望 48. 和 49. 成为同一个问题的一部分，但我无法以文本间隔开的方式格式化多项选择样式的问题。有什么方法可以在 SurveyJS 中做到这一点？

我正在尝试使用功能组件和survey-react npm库在reactjs中实现CKEditor？像复选框这样的普通组件很容易呈现，但我无法呈现像 CKEditor 这样的自定义小部件。有人可以帮我吗？下面是我的代码。我现在想不出有什么可做的。该文档没有显示任何使用功能组件的内容。

createQuestions.js 文件

NextJS 版本： 12.0.8

SurveyJS 版本： 1.9.5

测试浏览器： Chrome、FF

测试应用程序（vercel）：
您可以在这里测试应用程序：https ://jem-surveyjs-nextjs.vercel.app/

问题描述：
我将SurveyJS 与NextJS 结合起来生成一个多页调查。调查的代码被添加到组件中。
可以使用 useState 操作自定义变量。每次将变量设置为不同的值时，调查都会重新加载并跳回第一页，而不是停留在当前页面上。
您可以在 dev-tools 控制台中清楚地看到这种效果。

要复制问题，只需执行以下操作：

• 创建 Nextjs 应用

• 添加调查反应模块（npm i调查反应）

• 将以下内容添加到assets/json/survey-json.js

• 将以下内容添加到components/Sur​​vey.js

• 最后将此添加到您的pages/index.js

如您所见，我添加了 3 个不同的示例，说明如何在 components/Sur​​vey.js 中创建问题。示例 3 现在是活动的，但您可以取消注释示例 2 或示例 1 以查看问题的不同效果。

如何避免重新加载并跳转到第一页？

任何可以为我指明正确方向的帮助将不胜感激

更新：
非常感谢@juliomalves！
我为我的调查对象添加了一个 useState
const [mySurvey, setMySurvey] = useState({});

在已经存在的 useEffect 中，我添加了以下内容：
setMySurvey( new SurveyJs.Model(surveyJSON) );

我最后只需要删除这条线就可以了：
let mySurvey = new SurveyJs.Model(surveyJSON);

如果已选择，则从下拉列表中删除该选项，并在从选择中删除时再次添加，如果已选择，则禁用选项，如果取消选择，则再次启用

我有一个 reactjs Web 应用程序，其中有以下代码行

文件：index.html

文件：调查.tsx

如何在这个场景中自定义 ckeditor 的配置属性或工具栏元素？