1

1 つの検索入力と複数のインデックス、および複数の統計/ページ付けウィジェットを使用して、instantsearch.js を実装しました。ページネーション ウィジェットを除いて、すべてが正しく機能しているようです。

ここにコードペンがあります https://codepen.io/flrrrhoffpauir/pen/EEpWre

collections.addWidget(
    instantsearch.widgets.pagination({
        container: '#collections-search-pagination',
        showFirstLast: false,
        labels: {
            next: '>',
            previous: '<',
        },
        cssClasses: {
            root: 'search-pagination'
        }
    })
}

search.addWidget(
    instantsearch.widgets.pagination({
        container: '#stories-search-pagination',
        showFirstLast: false,
        labels: {
            next: '>',
            previous: '<',
        },
        cssClasses: {
            root: 'search-pagination'
        }
    })
}

「martin」を検索してから「ストーリー」タブをクリックすると、結果が表示され、ページネーションが機能していることがわかります。ここで [コレクション] タブをクリックすると、統計ウィジェットに従って返された結果の数に基づいてページネーション ウィジェットに正しいページ数があることがわかりますが、クリックしてページ 2 に移動すると、ページの上部にあり、ページ 2 のデータは読み込まれません。

2 つ以上のページネーション ウィジェットをページ上で一度に取得し、両方とも正しく機能させるにはどうすればよいですか?

これは、複数のインデックス検索を作成するために行ったものですが、複数のページ付けウィジェットはカバーしていません: https://jsfiddle.net/j9nwpz34/49/

4

1 に答える 1