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

Question

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

Answer 1

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

更新:如果显示页码或进度条，请将"firstPageIsStarted": true添加到测量对象。请参阅文档：https://surveyjs.io/Documentation/Library?id=surveymodel#firstPageIsStarted

{
 "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",
   "elements": [
    {
     "type": "html",
     "name": "question1",
     "html": "<h1>Welcome!</h1>"
    }
   ],
   "questionTitleLocation": "hidden",
   "navigationButtonsVisibility": "hide"
  },

最后，您可以在欢迎页面标记中实现自己的"Start Survey“按钮，方法是在单击按钮时为currentPageNo赋值。例如，survey.currentPageNo = 1。下面是它的文档：https://surveyjs.io/Documentation/Library?id=surveymodel#currentPageNo