Framework7搜索栏和虚拟列表

时间:2016-08-24 15:54:16

标签: android ios mobile html-framework-7

我开始转向使用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);
                }
            }
        });
    }
});

此代码现在发生的事情是,它始终使用来自最后一个字母的列表进行搜索...例如:&#39;是&#39;不显示结果,但如果删除已出现的最后一个字母...

帮助? :/

0 个答案:

没有答案