Knockout binding for Tagit

knockout-tags.js

// Based on https://gist.github.com/droyad/6136446

//  Use with a observableArray. 
//  Example:
//      <ul data-bind="tags: Tags"></ul>

ko.bindingHandlers.tags = {
    init: function(element, valueAccessor, allBindingsAccessor) {

        var bind = function() {
            var observable = valueAccessor();
            observable($(element).tagit("assignedTags"));
        };

        var options = {
            caseSensitive: false,
            afterTagAdded: bind,
            afterTagRemoved: bind
        };

        var tags = allBindingsAccessor()["tagsSource"];
        if (tags)
            $.extend(options, {
                autocomplete: {
                    source: tags,
                    delay: 0,
                    minLength: 0
                }
            });

        $(element).tagit(options);
    },
    update: function(element, valueAccessor) {
        var tags = ko.utils.unwrapObservable(valueAccessor());
        $(element).tagit("removeAll");
        for (var x = 0; x < tags.length; x++) {
            $(element).tagit("createTag", tags[x]);
        }
    }
}