CakePHPのpaginationとjQueryのautopager

CakePHPには、paginationというとっても便利な機能があります。
データベースから取得した結果を複数ページにわたって表示する場合に、前後ページや指定したページへ遷移させるURLを自動的に生成する仕組みです。
http://book.cakephp.org/2.0/en/core-libraries/helpers/paginator.html
CakePHPを使い始めたら、後戻りできなくなる機能の一つですね。

さて、mpcbridgeのジャケット写真一覧ページでも、この機能を使用してページ遷移を実現しています。
が、FacebookやTwitterのサイトでは、画面をスクロールさせると自動的に次の記事が読み込まれてページが更新されていきます。
特にタブレット端末では便利な機能です。

調べてみると、jQuery.autopagerというプラグインがありました。
http://lagoscript.org/jquery/autopager

CakePHPのpaginationと組み合わせられるかと試してみたら、意外とあっさり実現できました。
次のリリースでは、ジャケット一覧のページでは、この機能を実装する予定です。

カテゴリー: Webコンテンツ パーマリンク