ページネーションのパターンは現在、Meteor の 1.0 以降のロードマップにあります。今それを行う方法の例や提案はありますか? では、ユーザーが一番下までスクロールしているときに新しい要素と新しい要素をサブスクライブして、無限スクロールをうまく行うにはどうすればよいでしょうか?
2 に答える
私のパッケージ、ページを試すことをお勧めします: https://github.com/alethes/meteor-pages
非常に使いやすく (JavaScript の 1 行だけでセットアップできます)、非常にカスタマイズ可能です。特徴: インクリメンタル サブスクリプション、ローカル キャッシュ、ネイバー プリフェッチ、リクエスト スロットリング、簡単な統合、ページごとの複数のページネーション、ブートストラップ 2/3 スタイリング、障害耐性、組み込みのアイアン ルーター サポート、およびサーバー上で変更できる多くの設定。ページをリロードせずに飛ぶ。
開始する必要があるページネーション用のパッケージは、atmosphere.meteor.com にあります。
- https://github.com/egtann/meteor-pagination (ページネーション)
- https://github.com/tmeasday/meteor-paginated-subscription (パブリッシュによるページネーション)
2 つ目は、すべてのデータを一度に送信するのではなく、一度に 1 ページのデータを実際に送信するため、大量のデータがある場合に役立つ可能性があります。無限スクロールでは、手動スクロール リスナーをアタッチし、下にスクロールするときに (特にページ 2 に移動するのではなく) ページのサイズを大きくして、新しいデータを挿入する必要があります。
{{#each}}
ブロックヘルパーを分離できる場合に可能になるはずの反応性で正しく動作させることができない限り、ページサイズを使用するのは少し面倒かもしれないので、具体的にどのパターンを使用するかについては少しわかりません。スクロールダウンするたびに、おそらく使用しMeteor.render
て、既に利用可能なデータのセット全体が再レンダリングされないようにします。
上記の代わりにスクロールオーバーフローを含むブロックにデータをdiv
配置して、再レンダリングを行いますが、スクロール内の位置は同じままで、再レンダリングが目立たないようにする場合にも機能する可能性があります。