Пользовательский шаблон с JQuery Typehead с использованием Ajax
Это то, что я пробовал до сих пор, и он отлично работает без пользовательского шаблона. Однако мне нужно показать еще некоторые данные, такие как изображения и т. Д., В результатах поиска. Как я могу вызвать пользовательский шаблон вместе с AJAX?
<input type="text" class="site-search" name="search">
var path = "{{ route('site-search') }}";
$('input.site-search').typeahead({
hint: true,
highlight: true,
display: 'value',
source: function (query, process) {
return $.get(path, { query: query }, function (data) {
return process(data);
});
}
});
Решение
Увидеть документы. Просто сделайте свой шаблон и используйте |raw модификатор, чтобы показать чистый, неэкранированный HTML.
display: "series",
template: function (query, item) {
var template = '<span data-series="{{series|raw}}">' +
'{{series}}, {{seasons}} seasons -' +
'<var data-rating="{{rating|raw}}">{{rating}}/10</var></span>'
if (item.rating >= 9) {
template += '<span class="ribbon">Top Rated</span>';
}
return template;
},
source: {
data: [
{
series: "Breaking Bad",
seasons: 5,
rating: 9.6
}
...
]
}
Другие решения
Других решений пока нет …