Simple binding between Bootstrap typeahead and Backbone collection

README.txt

Simple example on how to make Twitter Bootstrap typeahead working with backbone collections.

Usage :
var bui = new Bootstrap.Typeahead({
  collection: ?
  property: ?
  items: ?
  ...
});

You can bind the event 'change' on this.$el in the initialize function, like this:
this.$el.on('change', function(e){ console.log(e.target.value)});

Be Careful: Not working in IE<10, sorry

backbone-typeahead.js

var Bootstrap = {};

Bootstrap.Typeahead = Backbone.View.extend({
    tagName: 'input',
    attributes: {"data-provide": "typeahead"},
    initialize: function(options){
        if(!this.collection) {
            console.log("Usage: new Bootstrap.Typeahead({collection: ?, property: ?, items: ?})\nif no property, it will use the first attribute");
            return null;
        }
        var prepare = _.pluck(this.collection.models, 'attributes');
        this.property = this.options.property || _.keys(prepare[0])[0];
        this.items = this.options.items;
        this.data = _.pluck(prepare, this.property);
    },
    render: function() {
        this.$el.typeahead({
            source: this.data,
            items: this.items
        });
        return this
    }
})