Framework7 панель поиска и виртуальный список
Я начинаю переходить на framework7, и у меня есть некоторые проблемы, даже после примеров сайта, чтобы остаться с той же базой.
То, что я хочу, это то, что при поиске перейдите в API и вернуть результаты в список.
Что уже есть:
var myList = app.virtualList('.searchbar-found', {
items: [],
template: '<li class="item-content">' +
'<div class="item-inner">' +
'<div class="item-title">{{title}}</div>' +
'</div>' +
'</li>',
});
var searchBar = app.searchbar('.searchbar', {
customSearch: true,
onSearch: function(string){
if(!string.query) {
console.log('deleteAllItems');
myList.deleteAllItems();
return ;
}
var request = $$.ajax({
url: 'http://app/dist/server.php?q='+string.query,
type: "POST",
contentType: "json",
statusCode: {
200: function(xhr){
var response = JSON.parse(xhr.response);
console.log(response.records);
var result = [];
$$.each(response.records, function (index, value) {
result.push({
title: value.title,
nif: value.nif
});
});
myList.prependItems(result);
}
}
});
}
});
Что происходит сейчас с этим кодом, так это то, что он всегда выполняет поиск по списку из последней набранной буквы... например: "Да" не приводит к результатам, но если вы удалите, последняя буква уже появляется...
Помогите?:/