Deprecated
Replaced by
hx.Autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) hx.Autocomplete (lowercase c) hx.autocomplete (lowercase c) mustMatch threw an error and broke the dropdown when pressing enter before the data is returned. loadingMessage and pleaseEnterMinCharactersMessage noResultsMessage is retrieved from the userFacingText module '$minLength' variable, e.g. options = {
minLength: 3,
pleaseEnterMinCharactersMessage = 'Please enter $minLength characters'
}
// Evaluates to 'Please enter 3 characters'noResultsMessage is retrieved from the userFacingText module '$minLength' variable, e.g. options = {
minLength: 3,
pleaseEnterMinCharactersMessage = 'Please enter $minLength characters'
}
// Evaluates to 'Please enter 3 characters'noResultsMessage is retrieved from the userFacingText module '$minLength' variable, e.g. options = {
minLength: 3,
pleaseEnterMinCharactersMessage = 'Please enter $minLength characters'
}
// Evaluates to 'Please enter 3 characters'noResultsMessage is retrieved from the userFacingText module '$minLength' variable, e.g. options = {
minLength: 3,
pleaseEnterMinCharactersMessage = 'Please enter $minLength characters'
}
// Evaluates to 'Please enter 3 characters'[
"Bob",
"Steve",
...
]inputMap must be provided in the options: data = [
{
name "Bob",
age: 21
},
{
name: "Steve",
age: 25
}
]
options = {
inputMap: function(item){
return item.name + ', ' + item.age
}
}renderer and filterOptions.searchValues can also be specified to change how the text is displayed and what data is searchable, independent of the inputMap var data = function(term, callback){
hx.json('path/to/data?search='+term, function (e, r) {
callback(r.responseText)
})
}matchType to 'external': function data (term, callback) {
if (term.length > 0) {
return callback(townAndCountyData.filter(function (d) {
var d = townAndCountyData[_i]
var name = d.name.toLowerCase()
var term = term.toLowerCase()
var county = d.county.toLowerCase()
return name.indexOf(term) > -1 || county.indexOf(term) > -1)
}))
} else {
return callback([])
}
}
options.matchType = 'external'AutoComplete::suppressed(eventName, suppress). This is part of the Event Emitter api. dropdown.hidestart or dropdown.hideend event instead. AutoComplete::suppressed(eventName, suppress). This is part of the Event Emitter api. dropdown.hidestart or dropdown.hideend event instead. AutoComplete::suppressed(eventName, suppress). This is part of the Event Emitter api. dropdown.hidestart or dropdown.hideend event instead. AutoComplete::suppressed(eventName, suppress). This is part of the Event Emitter api. dropdown.hidestart or dropdown.hideend event instead.