我也來秀一個FreeMarker自訂的資料分頁標籤及使用樣本

來源:互聯網
上載者:User

1. 先貼出分頁標籤pager.ftl的全部代碼:

----------------------------------------------------------------------------------------------------------------------

<#-- 自訂的分頁指令 (powered by qiujy)
    屬性:
   pageNo      當前頁號(int類型)
   pageSize    每頁要顯示的記錄數(int類型)
   toURL       點擊分頁標籤時要跳轉到的目標URL(string類型)
   recordCount 總記錄數(int類型)
 -->
<#macro pager pageNo pageSize toURL recordCount> 
  <#-- 定義局部變數pageCount儲存總頁數 -->
  <#assign pageCount=((recordCount + pageSize - 1) / pageSize)?int> 
 <#if recordCount==0><#return/></#if>
<#-- 輸出分頁樣式 -->
<style type="text/css">
.pagination {padding: 5px;float:right;font-size:12px;}
.pagination a, .pagination a:link, .pagination a:visited {padding: 2px 5px;margin: 2px;border: 1px solid #aaaadd;text-decoration: none;color: #006699;}
.pagination a:hover, .pagination a:active {border: 1px solid #ff0000;color: #000;text-decoration: none;}
.pagination span.current {padding: 2px 5px;margin: 2px;border: 1px solid #ff0000;font-weight: bold;background-color: #ff0000;color: #FFF;}
.pagination span.disabled {padding: 2px 5px;margin: 2px;border: 1px solid #eee; color: #ddd;}
</style>
<#-- 頁號越界處理 -->
  <#if (pageNo > pageCount)>
    <#assign pageNo=pageCount>
  </#if>
  <#if (pageNo < 1)>
    <#assign pageNo=1>
  </#if>
<#-- 輸出分頁表單 -->
<div class="pagination">
<form method="post" action="" name="qPagerForm">
<#-- 把請求中的所有參數當作隱藏表單域(無法解決一個參數對應多個值的情況) -->
<#list RequestParameters?keys as key>
<#if (key!="pageNo" && RequestParameters[key]??)>
<input type="hidden" name="${key}" value="${RequestParameters[key]}"/>
</#if>
</#list>
<input type="hidden" name="pageNo" value="${pageNo}"/>
<#-- 上一頁處理 -->
  <#if (pageNo == 1)>
<span class="disabled">&laquo;&nbsp;上一頁</span>
  <#else>
<a href="javascript:turnOverPage(${pageNo - 1})">&laquo;&nbsp;上一頁</a>
  </#if>
<#-- 如果前面頁數過多,顯示... -->
 <#assign start=1>
 <#if (pageNo > 4)>
    <#assign start=(pageNo - 1)>
<a href="javascript:turnOverPage(1)">1</a>
<a href="javascript:turnOverPage(2)">2</a>&hellip;
 </#if>
<#-- 顯示當前頁號和它附近的頁號 -->
 <#assign end=(pageNo + 1)>
 <#if (end > pageCount)>
  <#assign end=pageCount>
 </#if>
  <#list start..end as i>
    <#if (pageNo==i)>
<span class="current">${i}</span>
  <#else>
<a href="javascript:turnOverPage(${i})">${i}</a>     
    </#if>
  </#list>
<#-- 如果後面頁數過多,顯示... -->
  <#if (end < pageCount - 2)>
&hellip; 
  </#if>
  <#if (end < pageCount - 1)>
<a href="javascript:turnOverPage(${pageCount - 1})">${pageCount-1}</a>
  </#if>
  <#if (end < pageCount)>
<a href="javascript:turnOverPage(${pageCount})">${pageCount}</a>
  </#if>
<#-- 下一頁處理 -->
  <#if (pageNo == pageCount)>
<span class="disabled">下一頁&nbsp;&raquo;</span>
  <#else>
<a href="javascript:turnOverPage(${pageNo + 1})">下一頁&nbsp;&raquo;</a>
  </#if>
</form>
<script language="javascript">
  function turnOverPage(no){
    var qForm=document.qPagerForm;
    if(no>${pageCount}){no=${pageCount};}
    if(no<1){no=1;}
    qForm.pageNo.value=no;
    qForm.action="${toURL}";
    qForm.submit();
  }
</script>
</div>
</#macro>

----------------------------------------------------------------------------------------------------------------------

2. 再貼出使用圖效:

  全部查詢:

 

 

  根據名稱模糊搜尋:

 

 

3. 對應的原始碼和使用樣本,我已經上傳到CSDN的資產庫中了,對應連結為:http://download.csdn.net/source/1751655

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.