Как внедрить SurveyJS-конструктор в мое веб-приложение Flask - PullRequest
Новая
       42

Как внедрить SurveyJS-конструктор в мое веб-приложение Flask

0 голосов
/ 27 марта 2019

Мне нужно реализовать фрагмент JQuery, который предоставляет построитель SurveyJS для моего веб-приложения Flask, но я не знаю, как это сделать, или если это вообще возможно.

Я пытался использовать Leaflet.JS для своегокод, и он работает так же, как JQuery, но когда дело доходит до Survey.JS я потерян.Я даже не знаю, более ли уместно использовать webpack и реализовывать код Angular.JS.

Я пробовал следующий пример , но я получаю сообщение об ошибке

TypeError: $ (...). Опрос не является функцией`, но это означает, что объект ".Survey" не распознан.

Единственное, что я хочу сделатьсейчас нужно понять, как это реализовано, или найти способ вывода некоторых результатов.

ОБНОВЛЕНИЕ

Ниже вы найдете пользовательский вопросник, который я встроил в свойHTML.Проблема в том, что я хочу встроить конструктор / дизайнер опросов.В случае, если я не могу встроить конструктор / дизайнер SurveyJS, я прошу альтернативную версию, потому что, как я упоминал ранее, я хочу внедрить построитель опросов в свой микросервис. 

<link href="https://surveyjs.azureedge.net/1.0.75/survey.css" type="text/css" rel="stylesheet" />
<script src="https://surveyjs.azureedge.net/1.0.75/survey.jquery.min.js"></script>
<div id="surveyContainer"></div>
<script>
  var surveyJSON = {pages:[{name:"page1",elements:[{type:"checkbox",name:"question2",choices:["item1","item2","item3"]},{type:"dropdown",name:"question3",choices:["item1","item2","item3"]},{type:"imagepicker",name:"question4",choices:[{value:"lion",imageLink:"https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg"},{value:"giraffe",imageLink:"https://surveyjs.io/Content/Images/examples/image-picker/giraffe.jpg"},{value:"panda",imageLink:"https://surveyjs.io/Content/Images/examples/image-picker/panda.jpg"},{value:"camel",imageLink:"https://surveyjs.io/Content/Images/examples/image-picker/camel.jpg"}]}]}]}

  function sendDataToServer(survey) {
      //send Ajax request to your web server.
      alert("The results are:" + JSON.stringify(survey.data));
  }

  var survey = new Survey.Model(surveyJSON);
  $("#surveyContainer").Survey({
      model: survey,
      onComplete: sendDataToServer
});</script>

1 Ответ

0 голосов
/ 28 марта 2019

Итак, я играл с разными библиотеками, и потому что я использую фреймворки, такие как Flask, мне нужен был легкий конструктор опросов, а не что-то вроде SurveyJS (который, по моему мнению, не имеет необходимых документов для реализации компоновщика в любой среде). Основанная на HTML веб-структура), и в итоге я использовал jQuery Form Builder , что именно то, что я хотел; это просто, отличная документация и простой метод встраивания (на его внедрение у меня ушло около 50 секунд).

...