add static list to normal typeahead. works

javascript/src/TypeAhead.js

@@ -354,14 +354,14 @@ var QfqNS = QfqNS || {};
         // bind change event
         if (!!$element.data('typeahead-pedantic')) {
             // Typeahead pedantic: Only allow suggested inputs
-            $element.bind('typeahead:change', n.TypeAhead.makePedanticHandler(suggestions));
-            $element.on('keydown', (function (suggestions) {
+            $element.bind('typeahead:change', n.TypeAhead.makePedanticHandler());
+            $element.on('keydown', function () {
                 return function (event) {
                     if (event.which === 13) {
-                        n.TypeAhead.makePedanticHandler(suggestions)(event);
+                        n.TypeAhead.makePedanticHandler()(event);
                     }
                 };
-            })(suggestions));
+            });
             // The pedantic handler will test if the shadow element has a value set (the KEY). If not, the
             // typeahead element is cleared. Thus we have to guarantee that no value exists in the shadow
             // element the instant the user starts typing since we don't know the outcome of the search.
@@ -413,7 +413,7 @@ var QfqNS = QfqNS || {};
         };
     };
 
-    n.TypeAhead.makePedanticHandler = function (bloodhound) {
+    n.TypeAhead.makePedanticHandler = function () {
         return function (event) {
             var $typeAhead = $(event.delegateTarget);
             var $shadowElement = n.TypeAhead.getShadowElement($typeAhead);

mockup/typeahead.php

@@ -79,6 +79,21 @@
 
     </div>
 
+    <?php
+
+    $staticList = [
+        ['value' => "one", 'key' => "1"],
+        ['value' => "two", 'key' => "2"],
+        ['value' => "three", 'key' => "3"],
+        ['value' => "four", 'key' => "4"],
+        ['value' => "five", 'key' => "5"],
+        ['value' => "six", 'key' => "6"],
+        ['value' => "seven", 'key' => "7"],
+    ];
+
+    $staticListSafeJson = htmlentities(json_encode($staticList), ENT_QUOTES, 'UTF-8');
+
+    ?>
 
     <form id="myForm" class="form-horizontal" data-toggle="validator">
 
@@ -89,7 +104,9 @@
 
             <div class="col-md-6">
                 <input id="dropdown1" type="text" class="form-control qfq-typeahead" name="dropdown1"
-                       data-typeahead-sip="abcde" data-typeahead-minlength="1" data-typeahead-limit="3">
+                       data-typeahead-sip="abcde" data-typeahead-minlength="1" data-typeahead-limit="3"
+                       data-typeahead-tag-static-list="<?php echo $staticListSafeJson; ?>"
+                >
             </div>
 
         </div>
@@ -102,7 +119,8 @@
             <div class="col-md-6">
                 <input id="dropdown2" type="text" class="form-control qfq-typeahead" name="dropdown2"
                        data-typeahead-sip="abcdef" data-typeahead-limit="10" data-typeahead-minlength="1"
-                       data-typeahead-pedantic="true" required>
+                       data-typeahead-pedantic="true" required
+                       data-typeahead-tag-static-list="<?php echo $staticListSafeJson; ?>" >
             </div>
 
             <div class="col-md-4">