Я использую Bootstrap v2.3.2, и у меня есть обычная настройка ввода, которая получает данные из базы данных.
Я пытаюсь сделать так, чтобы последним результатом каждого ввода была опция «Искать ‹то, что вы набрали›». Таким образом, если вы ввели «привет» во входных данных, последним вариантом (под всеми остальными результатами) будет Search for "hello".
Как это сделать?
Вам нужно изменить исходный параметр Typeahead.
Вот как я реализовал то же самое на своем веб-сайте:
$("#typeahead").typeahead({
'source'=>function(query, process){
return $.get("URL_OF_SEARCH", {string:query}, function(data){
data = JSON.parse(data);
var list = $.map(data, function(item){
var aItem = {
id: item.id, name: item.text, picture: item.picture
};
return JSON.stringify(aItem);
});
//Till here everything was done to fetch previous results and show them
list.push({"id":"URL_OF_SEARCH/" + query ,"name":"Search for "+query, "picture":"/favicon.ico"});
//This above line adds the last row which you want to add
return process(list);
});
},
'highlighter'=>function(item){
item = JSON.parse(item);
var itm = "<div class='typeahead_wrapper'>"
+ "<img class='typeahead_photo' src='" + item.picture + "'/>"
+ "<div class='typeahead_labels'>"
+ "<div class='typeahead_primary'>" + item.name + "</div></div></div>";
return itm;
},
});
Я использовал 3 вещи для отображения в списке: изображение, имя и ссылку (ID). Чтобы реализовать это, мне также пришлось изменить функцию подсветки.
Я надеюсь, это поможет вам.
