Merge pull request #101 from mysmallidea/master

Added "addItem" option

README.md

@@ -180,6 +180,11 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
                  <td>Adds a delay between lookups.</td>
                </tr>
               <tr>
+              <tr>
+                <td>addItem</td>
+                <td>JSON object</td>
+                <td>false</td>
+                <td>Adds an item to the end of the list, for example "New Entry". This could be used, for example, to pop a dialog when an item is not found in the list of data. Example: <a href="http://cl.ly/image/2u170I1q1G3A/addItem.png">http://cl.ly/image/2u170I1q1G3A/addItem.png</a></td>
               </tbody>
             </table>
 

bootstrap3-typeahead.js

@@ -65,6 +65,7 @@
     this.listen();
     this.showHintOnFocus = typeof this.options.showHintOnFocus == 'boolean' ? this.options.showHintOnFocus : false;
     this.afterSelect = this.options.afterSelect;
+    this.addItem = false;
   };
 
   Typeahead.prototype = {
@@ -151,7 +152,7 @@
 
       items = this.sorter(items);
 
-      if (!items.length) {
+      if (!items.length && !this.options.addItem) {
         return this.shown ? this.hide() : this;
       }
 
@@ -160,6 +161,11 @@
       } else {
         this.$element.data('active', null);
       }
+
+      // Add item
+      if (this.options.addItem){
+        items.push(this.options.addItem);
+      }
 
       if (this.options.items == 'all') {
         return this.render(items).show();
@@ -442,6 +448,7 @@
   , scrollHeight: 0
   , autoSelect: true
   , afterSelect: $.noop
+  , addItem: false
   , delay: 0
   };