ASP.Net分頁的分頁導(dǎo)航實例
Asp.Net分頁可以設(shè)置分頁的首頁、上一頁、下一頁、尾頁在前臺顯示的鏈接文本。這里只是提及簡單功能,深入研究剖析其原理就更得心應(yīng)手了。
//containerId 導(dǎo)航的目標(biāo)容器,建議使用span標(biāo)簽 //url 默認(rèn)為XXX.XX?pagenum= //curPage 當(dāng)前的頁碼 //maxSection 最大的分段數(shù)(一段里面最大的頁數(shù)) //totalPage 總共的頁數(shù) function Navigate(containerId,url,curPage,maxSection, totalPage) { //到第一頁符號 var first = "|<<"; //到最后一頁符號 var last = ">>|"; //前一頁符號 var back = "<" //下一頁符號 var next = ">"; //非法頁碼處理 if (curPage > totalPage || curPage < 0) { curPage = 1; } //獲得導(dǎo)航容器父元素 var containerObj = document.getElementById(containerId); //獲得當(dāng)前頁所在的分段號(調(diào)試了老半天原來是類型問題,居然是float型) var curSection = Math.floor((curPage - 1) / maxSection + 1); //獲得最后一個分段的號 var lastSection = Math.floor((totalPage - 1) / maxSection + 1); var html = ""; //當(dāng)前頁不是第1頁,添加到首頁,和前一頁 if (curPage > 1) { html += "... "; } //當(dāng)前段的第一頁號碼 var curSectionFirst = (curSection - 1) * maxSection + 1; //當(dāng)前段的第最后一頁號碼 var curSecitonLast = curSection * maxSection; //輸出當(dāng)前段的頁碼 for (var i = curSectionFirst; i <= curSecitonLast && i <= totalPage; i++) { if (curPage == i) { html += "... "; } //當(dāng)前頁不是第最后頁,添加下一頁和最后一頁符號 if (curPage != totalPage) { html += "<a data-cke-saved- +="" url="" (curpage="" 1)="" "'="">" + next + " "; html += " }
獲得如下分頁導(dǎo)航實現(xiàn)效果如下: |<< < ... 9 10 11 12 13 14 15 16 ... > >>|
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于利用RabbitMQ實現(xiàn)延遲任務(wù)的方法詳解
最近在使用RabbitMQ來實現(xiàn)延遲任務(wù)的時候發(fā)現(xiàn),這其中的知識點還是挺多的,所以下面這篇文章主要給大家介紹了關(guān)于利用RabbitMQ實現(xiàn)延遲任務(wù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下。2017-12-12Asp.net的服務(wù)器推技術(shù) (Server Push)
在以往的和服務(wù)器端通信技術(shù)中,我們多數(shù)使用的是AJAX輪詢式訪問,也就是在Javascript中控制時間間隔,然后每隔一段時間就訪問一次服務(wù)器,然后獲得數(shù)據(jù)或通知。但是這種輪詢方式的訪問有90%是在做無用功。2010-01-01ASP.NET中使用GridView實現(xiàn)分級顯示的代碼
在實際項目開發(fā)中,往往需要用到在頁面上對列表的項目實現(xiàn)分級顯示,在 ASP.NET中沒有現(xiàn)成的控件。2010-06-06ASP.NET Core 應(yīng)用程序中的靜態(tài)文件中間件的實現(xiàn)
這篇文章主要介紹了ASP.NET Core 應(yīng)用程序中的靜態(tài)文件中間件的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04Asp.Mvc?2.0實現(xiàn)用戶注冊實例講解(1)
這篇文章主要介紹了Asp.Mvc?2.0如何實現(xiàn)用戶注冊,實例講解很細(xì)致,注冊功能是每個網(wǎng)站必不可少的組成部分,感興趣的的朋友可以參考下2015-08-08