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- +="" url="" (curpage="" 1)="" "'="">" + next + " ";
html += "
}
獲得如下分頁(yè)導(dǎo)航實(shí)現(xiàn)效果如下: |<< < ... 9 10 11 12 13 14 15 16 ... > >>|
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于利用RabbitMQ實(shí)現(xiàn)延遲任務(wù)的方法詳解
最近在使用RabbitMQ來(lái)實(shí)現(xiàn)延遲任務(wù)的時(shí)候發(fā)現(xiàn),這其中的知識(shí)點(diǎn)還是挺多的,所以下面這篇文章主要給大家介紹了關(guān)于利用RabbitMQ實(shí)現(xiàn)延遲任務(wù)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下。2017-12-12
Asp.net的服務(wù)器推技術(shù) (Server Push)
在以往的和服務(wù)器端通信技術(shù)中,我們多數(shù)使用的是AJAX輪詢(xún)式訪(fǎng)問(wèn),也就是在Javascript中控制時(shí)間間隔,然后每隔一段時(shí)間就訪(fǎng)問(wèn)一次服務(wù)器,然后獲得數(shù)據(jù)或通知。但是這種輪詢(xún)方式的訪(fǎng)問(wèn)有90%是在做無(wú)用功。2010-01-01
ASP.NET中使用GridView實(shí)現(xiàn)分級(jí)顯示的代碼
在實(shí)際項(xiàng)目開(kāi)發(fā)中,往往需要用到在頁(yè)面上對(duì)列表的項(xiàng)目實(shí)現(xiàn)分級(jí)顯示,在 ASP.NET中沒(méi)有現(xiàn)成的控件。2010-06-06
ASP.NET Core 應(yīng)用程序中的靜態(tài)文件中間件的實(shí)現(xiàn)
這篇文章主要介紹了ASP.NET Core 應(yīng)用程序中的靜態(tài)文件中間件的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
Asp.Mvc?2.0實(shí)現(xiàn)用戶(hù)注冊(cè)實(shí)例講解(1)
這篇文章主要介紹了Asp.Mvc?2.0如何實(shí)現(xiàn)用戶(hù)注冊(cè),實(shí)例講解很細(xì)致,注冊(cè)功能是每個(gè)網(wǎng)站必不可少的組成部分,感興趣的的朋友可以參考下2015-08-08

