摘要：本文介紹了ASP.Net分頁(yè)的分頁(yè)導(dǎo)航實(shí)例Asp.Net分頁(yè)可以設(shè)置分頁(yè)的首頁(yè)、上一頁(yè)、下一頁(yè)、尾頁(yè)在前臺(tái)顯示的鏈接文本。這里只是提及簡(jiǎn)單功能，深入研究剖析其原理就更得心應(yīng)手了。//containerId 導(dǎo)航的目標(biāo)容器，建議使用span標(biāo)簽    //url 默認(rèn)為XXX.XX?pagenum=    //curPa

本文介紹了ASP.Net分頁(yè)的分頁(yè)導(dǎo)航實(shí)例

Asp.Net分頁(yè)可以設(shè)置分頁(yè)的首頁(yè)、上一頁(yè)、下一頁(yè)、尾頁(yè)在前臺(tái)顯示的鏈接文本。這里只是提及簡(jiǎn)單功能，深入研究剖析其原理就更得心應(yīng)手了。

//containerId 導(dǎo)航的目標(biāo)容器，建議使用span標(biāo)簽
   //url 默認(rèn)為XXX.XX?pagenum=
   //curPage 當(dāng)前的頁(yè)碼
   //maxSection 最大的分段數(shù)(一段里面最大的頁(yè)數(shù))
   //totalPage 總共的頁(yè)數(shù)
   function Navigate(containerId,url,curPage,maxSection, totalPage) {
     //到第一頁(yè)符號(hào)
     var first = "|<<";
     //到最后一頁(yè)符號(hào)
     var last = ">>|";
     //前一頁(yè)符號(hào)
     var back = "<"
     //下一頁(yè)符號(hào)
     var next = ">";
     //非法頁(yè)碼處理
     if (curPage > totalPage || curPage < 0) {
       curPage = 1;
     }
     //獲得導(dǎo)航容器父元素
     var containerObj = document.getElementById(containerId);
     //獲得當(dāng)前頁(yè)所在的分段號(hào)(調(diào)試了老半天原來(lái)是類(lèi)型問(wèn)題，居然是float型)
     var curSection = Math.floor((curPage - 1) / maxSection + 1);
     //獲得最后一個(gè)分段的號(hào)
     var lastSection = Math.floor((totalPage - 1) / maxSection + 1);
     var html = "";
     //當(dāng)前頁(yè)不是第1頁(yè)，添加到首頁(yè)，和前一頁(yè)
     if (curPage > 1) {
       html += "... ";
     }
     //當(dāng)前段的第一頁(yè)號(hào)碼
     var curSectionFirst = (curSection - 1) * maxSection + 1;
     //當(dāng)前段的第最后一頁(yè)號(hào)碼
     var curSecitonLast = curSection * maxSection;
     //輸出當(dāng)前段的頁(yè)碼
     for (var i = curSectionFirst; i <= curSecitonLast && i <= totalPage; i++) {
       if (curPage == i) {
         html += "... ";
     }
     //當(dāng)前頁(yè)不是第最后頁(yè)，添加下一頁(yè)和最后一頁(yè)符號(hào)
     if (curPage != totalPage) {
       html += "<a data-cke-saved-href="http://blog.csdn.net/jiangpeng59/article/details/" href="http://blog.csdn.net/jiangpeng59/article/details/'"" +="" url="" (curpage="" 1)="" "'="">" + next + " ";
       html += "
    }

獲得如下分頁(yè)導(dǎo)航實(shí)現(xiàn)效果如下： |<< < ... 9 10 11 12 13 14 15 16 ... > >>|