Knockout + Selectize.js

knockout-selectize.js

  // Use
  // ko.bindingHandlers.fooSearch = createAutocomplete({load: ...});
  // viewModel.idHere = "123";
  // viewModel.objHere = {_id: "123", name: "foo"};
  // viewModel.objHere.subscribe(function(val) { ... selected obj! ... });
  //
  // <input type="text" data-bind="value: idHere, fooSearch: objHere"/>

  function createAutocomplete(override) {
    return {
      init: function(el, valueAccessor, allBindingsAccessor) {
        var item = valueAccessor();

        var s = $(el).selectize(_.extend({
          valueField: "_id",
          onChange: function(v) {
            var data = this.options[v];

            item(data);
          },
          create: false,
          maxItems: 1,
          openOnFocus: false
        }, override))[0].selectize;

        var bindings = allBindingsAccessor();
        if (ko.isObservable(bindings.value)) {
          bindings.value.subscribe(function(newVal) {
            s.setValue(newVal);
          });
        }

        var data = ko.unwrap(item);
        if (data) {
          s.updateOption(data._id, data);
        }
      }
    };
  }