おやじプログラマー日記

私が「a-blog cms」でサイトを構築していく上で、戸惑ったり悩んだりしたことをＴＩＰＳとして載せていきます。

今回は最初として、モジュール「Entry_Summary」を利用した場合に、ページャを上下２ヶ所に設置する方法を記します。
方法は簡単で、「Entry_Summary」モジュール等を２回利用し、それぞれの中で「pager:veil」の処理を記述します。

<!-- BEGIN_MODULE Entry_Summary id="searchResults" --> <!-- BEGIN notFound --><p>記事が見つかりませんでした。</p><!-- END notFound --> <!-- ▲▲▲　一覧の上のページャ　▲▲▲　--> <!-- BEGIN pager:veil --> <p> 全 {itemsAmount} 件中 {itemsFrom} ～ {itemsTo} 件目を表示 <!-- BEGIN page:loop --><!-- BEGIN link#front --><a href="{url}"><!-- END link#front -->{page}<!-- BEGIN link#rear --></a><!-- END link#rear --><!-- BEGIN glue -->, <!-- END glue --><!-- END page:loop --> <!-- BEGIN lastPage:veil --> ...<a href="{lastPageUrl}">{lastPage}</a><!-- END lastPage:veil --> </p> <p> <!-- BEGIN backLink --><a href="{url}">« 前の{backNum}件</a><!-- END backLink --> <!-- BEGIN forwardLink --><a href="{url}">次の{forwardNum}件 »</a><!-- END forwardLink --> </p> <!-- END pager:veil --> <!-- BEGIN unit:loop --> <!-- BEGIN entry:loop -->   ...　中略　... <!-- END entry:loop --> <!-- END unit:loop --> <!-- END_MODULE Entry_Summary --> <!-- ▲▲▲　一覧の下のページャ　▲▲▲　--> <!-- BEGIN_MODULE Entry_Summary id="searchResults" --> <!-- BEGIN pager:veil --> <p> 全 {itemsAmount} 件中 {itemsFrom} ～ {itemsTo} 件目を表示 <!-- BEGIN page:loop --><!-- BEGIN link#front --><a href="{url}"><!-- END link#front -->{page}<!-- BEGIN link#rear --></a><!-- END link#rear --><!-- BEGIN glue -->, <!-- END glue --><!-- END page:loop --> <!-- BEGIN lastPage:veil --> ...<a href="{lastPageUrl}">{lastPage}</a><!-- END lastPage:veil --> </p> <p> <!-- BEGIN backLink --><a href="{url}">« 前の{backNum}件</a><!-- END backLink --> <!-- BEGIN forwardLink --><a href="{url}">次の{forwardNum}件 »</a><!-- END forwardLink --> </p> <!-- END pager:veil --> <!-- END_MODULE Entry_Summary -->
（基本的な記述は、「アップルップル」さんのマニュアルより引用しています）
尚、この例の中では、モジュールIDとして「searchResults」の名称を定義しています。

ところで、「a-blog cms」のページャなのですが、全体のページの中でどの位置にあるかを示すような「現在ページ」／「MAXページ」の表示ができない様です。
これを解消するにはJavaScriptで何とかするしかないようです。この方法については後日、掲載します。