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

【问题标题】：Can we add a welcome page in surveyJS library我们可以在surveyJS 库中添加欢迎页面吗
【发布时间】：2021-05-05 09:29:37
【问题描述】：

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

【问题讨论】：

标签： reactjs surveyjs

【解决方案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

【讨论】：

感谢您的帮助，不过有一个问题，我使用了进度条，它显示在那里，因为它是一个页面，它显示“第 1 页，共 2 页”，您有什么解决方案为此？
是的，您可以使用“firstPageIsStarted”：true。我已经更新了答案以反映这一点。