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.