jquery - 我需要在 Framework7 中实现自定义搜索

Question

我有 2 组数组，第一组包含整个数组集，第二组包含前 10 个数组(第二组显示在 UI 中)。我已经实现了 ListView 的搜索。

但是我需要从整个数组列表中进行搜索。

<form class="searchbar searchbar-init" data-search-list=".list-block-search" data-search-in=".item-title" data-found=".searchbar-found" data-not-found=".searchbar-not-found">
                    <div class="searchbar-input">
                       <input type="search" placeholder="Search">
                       <a href="#" class="searchbar-clear"></a>
                    </div>
                    <a href="#" class="searchbar-cancel">Cancel</a>
                 </form>

Answer 1

您需要将 customSearch 选项设置为 true 来初始化搜索栏。请参阅:http://framework7.io/docs/searchbar.html

以下是自定义搜索的入门示例:

var searchBar = myApp.searchbar('.searchbar', {
    customSearch: true,
    onSearch: function(s) {
        console.log('Searching', s);
    },
    onClear: function(s) {
        console.log('Clearing', s);
    }
});