Fix for the #117 - added clearIncorrectValuesCallback

Author: tsv2013

src/select2.js

@@ -4,10 +4,10 @@ function init(Survey, $) {
     activatedBy: "property",
     name: "select2",
     htmlTemplate: "<select style='width: 100%;'></select>",
-    widgetIsLoaded: function() {
+    widgetIsLoaded: function () {
       return typeof $ == "function" && !!$.fn.select2;
     },
-    isFit: function(question) {
+    isFit: function (question) {
       if (widget.activatedBy == "property")
         return (
           question["renderAs"] === "select2" &&
@@ -19,7 +19,7 @@ function init(Survey, $) {
         return question.getType() === "select2";
       return false;
     },
-    activatedByChanged: function(activatedBy) {
+    activatedByChanged: function (activatedBy) {
       if (!this.widgetIsLoaded()) return;
       widget.activatedBy = activatedBy;
       Survey.JsonObject.metaData.removeProperty("dropdown", "renderAs");
@@ -42,7 +42,7 @@ function init(Survey, $) {
         });
       }
     },
-    afterRender: function(question, el) {
+    afterRender: function (question, el) {
       var settings = question.select2Config;
       var $el = $(el).is("select") ? $(el) : $(el).find("select");
       var othersEl = document.createElement("input");
@@ -55,7 +55,7 @@ function init(Survey, $) {
         .get(0)
         .appendChild(othersEl);
 
-      var updateValueHandler = function() {
+      var updateValueHandler = function () {
         var qText = (typeof question.value === "object")
 
         if ($el.find("option[value='" + question.value + "']").length) {
@@ -72,20 +72,21 @@ function init(Survey, $) {
 
         othersEl.style.display = !question.isOtherSelected ? "none" : "";
       };
-      var updateCommentHandler = function() {
+      var updateCommentHandler = function () {
         othersEl.value = question.comment ? question.comment : "";
       };
-      var othersElChanged = function() {
+      var othersElChanged = function () {
         question.comment = othersEl.value;
       };
-      var updateChoices = function() {
+      var updateChoices = function () {
         $el.select2().empty();
 
         if (settings) {
           if (settings.ajax) {
             $el.select2(settings);
+            question.clearIncorrectValuesCallback = function () { };
           } else {
-            settings.data = question.visibleChoices.map(function(choice) {
+            settings.data = question.visibleChoices.map(function (choice) {
               return {
                 id: choice.value,
                 text: choice.text
@@ -97,7 +98,7 @@ function init(Survey, $) {
           $el.select2({
             theme: "classic",
             disabled: question.isReadOnly,
-            data: question.visibleChoices.map(function(choice) {
+            data: question.visibleChoices.map(function (choice) {
               return {
                 id: choice.value,
                 text: choice.text
@@ -110,21 +111,21 @@ function init(Survey, $) {
         updateCommentHandler();
       };
 
-      question.readOnlyChangedCallback = function() {
+      question.readOnlyChangedCallback = function () {
         $el.prop("disabled", question.isReadOnly);
       };
 
       question.registerFunctionOnPropertyValueChanged(
         "visibleChoices",
-        function() {
+        function () {
           updateChoices();
         }
       );
       updateChoices();
-      $el.on("select2:select", function(e) {
+      $el.on("select2:select", function (e) {
         question.value = e.target.value;
       });
-      $el.on("select2:unselecting", function(e) {
+      $el.on("select2:unselecting", function (e) {
         question.value = null;
       });
       othersEl.onchange = othersElChanged;
@@ -133,12 +134,13 @@ function init(Survey, $) {
       updateValueHandler();
       updateCommentHandler();
     },
-    willUnmount: function(question, el) {
+    willUnmount: function (question, el) {
       $(el)
         .find("select")
         .off("select2:select")
         .select2("destroy");
       question.readOnlyChangedCallback = null;
+      question.clearIncorrectValuesCallback = null;
     }
   };