我们可以在surveyJS库中添加欢迎页面吗

编程问答 2022-05-03

问题描述

我在我的反应应用程序中使用surveyJS 库来创建调查，现在我的要求是在问题开始之前添加一个欢迎页面。有人可以帮助我吗？

解决方法

一种方法是在调查的开头添加一个页面。然后在其上放置一个 HTML 小部件并向其添加您的欢迎页面标记。举个例子：

更新：如果显示页码或进度条，请将 "firstPageIsStarted": true 添加到您的调查对象。查看文档：{​​{3}}

{
 "pages": [
  {
   "name": "page1","elements": [
    {
     "type": "html","name": "question1","html": "<h1>Welcome!</h1>"
    }
   ],"questionTitleLocation": "hidden"
  },{
   "name": "page2","elements": [
    {
     "type": "text","name": "question2"
    },{
     "type": "checkbox","name": "question3","choices": [
      "item1","item2","item3"
     ]
    }
   ]
  }
 ],"firstPageIsStarted": true
}

这将显示您的欢迎页面以及常规的 SurveyJS“下一步”按钮，作为调查导航的一部分。如果您不想使用欢迎页面上的常规导航按钮，您可以像这样禁用它：

{
   "name": "page1","questionTitleLocation": "hidden","navigationButtonsVisibility": "hide"
  },

最后，您可以通过在点击按钮时为 currentPageNo 分配一个值，在欢迎页面标记中实现您自己的“开始调查”按钮。例如，survey.currentPageNo = 1。这是它的文档：https://surveyjs.io/Documentation/Library?id=surveymodel#firstPageIsStarted

reactjsreactjsreactjsreactjssurveyjs