Autocompleter. Local.js

Extends the Autocompleter.Base class to add support for a pre-defined object.

Arguments

Options

All values passed to Autocompleter.Base

Example

//this object's structure is arbitrary
var tokens = [
    ['Apple', 'Red'],
    ['Lemon', 'Yellow'],
    ['Grape', 'Purple']
];

new Autocompleter.Local($('myInput'), tokens, {
    delay: 100,
    //this is a custom filter because our object has a unique structure
    filterTokens: function() {
        var regex = new RegExp('^' + (this.queryValue || '').escapeRegExp(), 'i');
        var filtered = this.tokens.filter(function(token){
            return (regex.test(token[0]) || regex.test(token[1]));
        });
        return filtered;
    },
    //again, because our data structure is unique, we must handle the results ourselves
    injectChoice: function(choice) {
        var el = new Element('li')
            .setHTML(this.markQueryValue(choice[0]))
            .adopt(new Element('span', {'class': 'example-info'}).setHTML(this.markQueryValue(choice[1])));
        el.inputValue = choice[0];
        this.addChoiceEvents(el).injectInside(this.choices);
    }
});