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

Question

我在我的反应应用程序中使用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"
  },

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