Better autocomplete field

This commit is contained in:
Yohann D'ANELLO 2020-08-02 09:20:21 +02:00
parent 2f018f8c9d
commit f148c8dacb
2 changed files with 8 additions and 3 deletions

View File

@ -18,7 +18,8 @@ $(document).ready(function () {
html += li(prefix + "_" + obj.id, obj[name_field]); html += li(prefix + "_" + obj.id, obj[name_field]);
}); });
$("#" + prefix + "_list").html(html); let results_list = $("#" + prefix + "_list");
results_list.html(html);
objects.results.forEach(function (obj) { objects.results.forEach(function (obj) {
$("#" + prefix + "_" + obj.id).click(function() { $("#" + prefix + "_" + obj.id).click(function() {
@ -32,6 +33,10 @@ $(document).ready(function () {
if (input === obj[name_field]) if (input === obj[name_field])
$("#" + prefix + "_pk").val(obj.id); $("#" + prefix + "_pk").val(obj.id);
}); });
if (results_list.children().length === 1 && e.originalEvent.keyCode >= 32) {
results_list.children().first().trigger("click");
}
}); });
}); });
}); });

View File

@ -86,8 +86,8 @@ function getMatchedNotes(pattern, fun) {
* Generate a <li> entry with a given id and text * Generate a <li> entry with a given id and text
*/ */
function li(id, text, extra_css) { function li(id, text, extra_css) {
return "<li class=\"list-group-item py-1 px-2 d-flex justify-content-between align-items-center text-truncate " + extra_css + "\"" + return "<li class=\"list-group-item py-1 px-2 d-flex justify-content-between align-items-center text-truncate "
" id=\"" + id + "\">" + text + "</li>\n"; + (extra_css ? extra_css : "") + "\"" + " id=\"" + id + "\">" + text + "</li>\n";
} }
/** /**