Cleaned up graceful degradation options

Author: gjacobrobertson

js/bootstrap-combobox.js

@@ -31,6 +31,7 @@
     this.$target = this.$container.find('input[type=hidden]');
     this.$button = this.$container.find('.dropdown-toggle');
     this.$menu = $(this.options.menu).appendTo('body');
+    this.template = this.options.template || this.template
     this.matcher = this.options.matcher || this.matcher;
     this.sorter = this.options.sorter || this.sorter;
     this.highlighter = this.options.highlighter || this.highlighter;
@@ -46,7 +47,7 @@
     constructor: Combobox
 
   , setup: function () {
-      var combobox = $(this.options.template(this.options.bsVersion));
+      var combobox = $(this.template());
       this.$source.before(combobox);
       this.$source.hide();
       return combobox;
@@ -153,6 +154,14 @@
       return this.render(items.slice(0, this.options.items)).show();
     }
 
+  , template: function() {
+      if (this.options.bsVersion == '2') {
+        return '<div class="combobox-container"><input type="hidden" /> <div class="input-append"> <input type="text" autocomplete="off" /> <span class="add-on dropdown-toggle" data-dropdown="dropdown"> <span class="caret"/> <i class="icon-remove"/> </span> </div> </div>'
+      } else {
+        return '<div class="combobox-container"> <input type="hidden" /> <div class="input-group"> <input type="text" autocomplete="off" /> <span class="input-group-addon dropdown-toggle" data-dropdown="dropdown"> <span class="caret" /> <span class="glyphicon glyphicon-remove" /> </span> </div> </div>'
+      }
+    }
+
   , matcher: function (item) {
       return ~item.toLowerCase().indexOf(this.query.toLowerCase());
     }
@@ -395,13 +404,6 @@
 
   $.fn.combobox.defaults = {
     bsVersion: '3'
-  , template: function(bsVersion) {
-      if (bsVersion == '2') {
-        return '<div class="combobox-container"><input type="hidden" /> <div class="input-append"> <input type="text" autocomplete="off" /> <span class="add-on dropdown-toggle" data-dropdown="dropdown"> <span class="caret"/> <i class="icon-remove"/> </span> </div> </div>'
-      } else {
-        return '<div class="combobox-container"> <input type="hidden" /> <div class="input-group"> <input type="text" autocomplete="off" /> <span class="input-group-addon dropdown-toggle" data-dropdown="dropdown"> <span class="caret" /> <span class="glyphicon glyphicon-remove" /> </span> </div> </div>'
-      }
-    }
   , menu: '<ul class="typeahead typeahead-long dropdown-menu"></ul>'
   , item: '<li><a href="#"></a></li>'
   };