Dieses Beispiel zeigt, wie direkt nach der Auswahl der "Suggestion" ein submit erfolgen kann:
Dabei wird der anchour in das template für die PullDown-Liste eingebaut:
var autocomplMaterial = new Bloodhound({
datumTokenizer : function(datum) {
return Bloodhound.tokenizers.whitespace(datum.matnr);
},
queryTokenizer : Bloodhound.tokenizers.whitespace,
//prefetch: 'modules/<?php echo $this->_module_name?>/api/post_1960.json',
remote : {
url : 'modules/<?php echo $this->_module_name?>/api/124_ajax_read.php?callback=?&term=%QUERY&name=<?php echo $this->_module_name?>&op=bgc&func=autocomp_mataddinfo',
wildcard : '%QUERY',
transform : function(reply) {
// Map the remote source JSON array to a JavaScript object array
return $.map(reply, function(matinfo) {
return {
matnr : matinfo.matnr,
maktx : matinfo.maktx
};
});
}
}
});
$('#f_matnr').typeahead({
//hint : true,
highlight : true,
minLength : 1
},{
limit : 15,
name : 'tah_matnr',
display : 'matnr',
source : autocomplMaterial,
templates : {
empty : [ '<div class="list-group search-results-dropdown"><div class="list-group-item">Nothing found.</div></div>' ],
header : [ '<div class="list-group search-results-dropdown">' ],
suggestion : function(data) {
return '<a href="' + data.matnr + '" class="list-group-item">'
+ data.matnr
+ ' - '
+ data.maktx
+ '</a>'
}
}
});