ListJS

Question

如何在 ListJS 上按输入字段搜索后计数项目？

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

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

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

我已经尝试在 oninput 我的领域中使用方法 size()，如下所示：

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

但它仍然是所有项目的结果计数。

Answer 1

经过长时间的研究，我得到了答案。

使用方法 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);
});

ListJS - 搜索后计数项目

ListJS - Count item after search

javascript

fuzzy-search