Jspxcms分頁的方法是什么

本篇內容介紹了“Jspxcms分頁的方法是什么”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

使用方式：只需將分頁代碼用include 標簽包含即可。

示例：（其中page.html為分頁代碼）

[@InfoPage nodeId=node.id isMainNodeOnly='true' pageSize='10';pagedList]
  [#list pagedList.content as info]
  <li><a href="${info.url}">${substring(info.title,20,'...')}</a></li>
  [/#list]
  [#include 'page.html'/]
[/@InfoPage]

page.html代碼：

<div class="page">
<a[#if page>1] href="${paging(1)}"[/#if] class="page-a">首頁</a>
[#if page>1]
<a href="${paging(page-1)}" class="page-a">上一頁</a>
[/#if]
[#assign start=page-4/][#if start<1][#assign start=1/][/#if]
[#assign end=start+8/][#if end>pagedList.totalPages][#assign end=pagedList.totalPages/][/#if][#if end<1][#assign end=1/][/#if]
[#if end-start<8][#assign start=end-8/][/#if][#if start<1][#assign start=1/][/#if]
[#list start..end as p]
<a[#if page!=p] href="${paging(p)}"[/#if] class="[#if page!=p]page-a[#else]page-curr[/#if]">${p}</a>
[/#list]
[#if page<pagedList.totalPages]
<a href="${paging(page+1)}" class="page-a">下一頁</a>
[/#if]
<a[#if page<pagedList.totalPages] href="${paging(pagedList.totalPages)}"[/#if] class="page-a">末頁</a>
<div style="clear:both;"></div>
</div>

樣式：

.page{font-size:12px;}
.page-a{float:left;height:26px;line-height:26px;padding:0 8px;margin:0 3px;background-color:#f0f0f0;border:#cccccc solid 1px;}
.page-a:link,.page-a:visited{text-decoration:none;color:#000000;}
.page-a:hover,.page-a:active{text-decoration:none;color:#ff6600;}
.page-curr{float:left;height:26px;line-height:26px;padding:0 8px;margin:0 3px;background-color:#ffffff;border:#ff6600 solid 1px;color:#ff6600}
.page-curr:link,.page-curr:visited{text-decoration:none;color:#ff6600;}
.page-curr:hover,.page-curr:active{text-decoration:none;color:#ff6600;}

“Jspxcms分頁的方法是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！