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/