2015年5月27日水曜日

Mustacheでページネーション(ページ送り)

Mustacheでページネーション(ページ送り)です。Mustacheは「logic-less」なテンプレートエンジンということで、if文が使えません。というわけで、慣れが必要です。テンプレート側ではなく、プログラム側でつくり出してしまった方が賢いかもしれません。

<div class="pagination">
  <ul>
    {{^firstPage}}
      <li class="prev"><a href="{{prevUrl}}">前</a></li>
    {{/firstPage}}
    {{#pages}}
      {{^currentPage}}
        <li><a href="{{url}}">{{page}}</a> </li>
      {{/currentPage}}
      {{#currentPage}}
        <li class="current"><a href="{{url}}">{{page}}</a></li>
      {{/currentPage}}
    {{/pages}}
    {{^lastPage}}
      <li class="next"><a href="{{nextUrl}}">次</a></li>
    {{/lastPage}}
  </ul>
</div>

実際に設定してみたサイトがこちら

参考サイト
badsyntax.co/pagination.mustache(GitHub)
Pagination with Handlebars(Olivier Lalonde's blogさん)

0 件のコメント:

コメントを投稿