我开始转向使用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;不显示结果,但如果删除已出现的最后一个字母...
帮助? :/