Текущая ситуация
У меня есть строка поиска Select2Ajax для поиска по 300 000 товаров в базе данных с эластичным поиском.Я могу показать результаты, которые соответствуют критериям.
Пробовал
Мне удалось навести курсор мыши.Но это наведение мыши работало только на всю таблицу / деление.
Ajax
<script>
$('.data-ajax').select2({
ajax: {
url: '/product/api/elasticsearch',
dataType: 'json',
width: 'resolve', // need to override the changed default
minimumResultsForSearch: -1,
dropdownCssClass: 'select2-hidden',
success: function (data) {
var returnedData = data;
// clear table
$('#product tbody').empty();
for(let i = 0; i < returnedData.results.length; i++){
$("#product").find('tbody')
.append($('<tr>')
.append($('<td>')
.text(returnedData.results[i].id)
)
.append($('<td class="columntitle">')
.text(returnedData.results[i].text)
)
.append($('<td class="columnsku">')
.text(returnedData.results[i].sku)
)
.append($('<td class="columnvendor">')
.text(returnedData.results[i].vendor)
)
);
}
}
}
});
</script>
Ожидаемый
Ожидаемыйрезультат - показать всплывающую подсказку / указатель мыши с результатами, соответствующими конкретному продукту.Если у ответа ajax есть 5 продуктов, он должен показать 5 различных всплывающих подсказок / указателей мыши, соответствующих результатам.