ListJS - 搜索后计算项目

new*_*bie 0 javascript fuzzy-search listjs

如何在ListJS上的输入字段搜索后计算项目?

我不知道在哪里可以得到它,因为我只是使用基本的例子:

var params = {
  valueNames : ['titleList', 'currentList', 'typeCode', 'categoryCode'],
  plugins: [ ListFuzzySearch() ]
}

var searchSightseeing = new List('sightseeingList', params);
Run Code Online (Sandbox Code Playgroud)

size()oninput我的字段中尝试使用方法,如下所示:

$('#sightseeing-name').on('input', function(){
  console.log(searchSightseeing.size());
})
Run Code Online (Sandbox Code Playgroud)

但它仍然导致所有项目的计数.

new*_*bie 6

经过长时间的研究,我得到了答案.

获取有关输入更改使用方法的更新keyup.

添加searchSightseeing.update().matchingItems.length以获得计数.

var params = {
  valueNames : ['titleList', 'currentList', 'typeCode', 'categoryCode'],
  plugins: [ ListFuzzySearch() ]
}

var searchSightseeing = new List('sightseeingList', params);

searchSightseeing.on('searchComplete', function(){
  console.log(searchSightseeing.update().matchingItems.length);
});
Run Code Online (Sandbox Code Playgroud)