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);
                }
            }
        });
    }
});

Что происходит сейчас с этим кодом, так это то, что он всегда выполняет поиск по списку из последней набранной буквы... например: "Да" не приводит к результатам, но если вы удалите, последняя буква уже появляется...

Помогите?:/

0 ответов

Другие вопросы по тегам