您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“ASP.Net如何實現分頁導航”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“ASP.Net如何實現分頁導航”這篇文章吧。
Asp.Net分頁可以設置分頁的首頁、上一頁、下一頁、尾頁在前臺顯示的鏈接文本。這里只是提及簡單功能,深入研究剖析其原理就更得心應手了。
//containerId 導航的目標容器,建議使用span標簽 //url 默認為XXX.XX?pagenum= //curPage 當前的頁碼 //maxSection 最大的分段數(一段里面最大的頁數) //totalPage 總共的頁數 function Navigate(containerId,url,curPage,maxSection, totalPage) { //到第一頁符號 var first = "|<<"; //到最后一頁符號 var last = ">>|"; //前一頁符號 var back = "<" //下一頁符號 var next = ">"; //非法頁碼處理 if (curPage > totalPage || curPage < 0) { curPage = 1; } //獲得導航容器父元素 var containerObj = document.getElementById(containerId); //獲得當前頁所在的分段號(調試了老半天原來是類型問題,居然是float型) var curSection = Math.floor((curPage - 1) / maxSection + 1); //獲得最后一個分段的號 var lastSection = Math.floor((totalPage - 1) / maxSection + 1); var html = ""; //當前頁不是第1頁,添加到首頁,和前一頁 if (curPage > 1) { html += "... "; } //當前段的第一頁號碼 var curSectionFirst = (curSection - 1) * maxSection + 1; //當前段的第最后一頁號碼 var curSecitonLast = curSection * maxSection; //輸出當前段的頁碼 for (var i = curSectionFirst; i <= curSecitonLast && i <= totalPage; i++) { if (curPage == i) { html += "... "; } //當前頁不是第最后頁,添加下一頁和最后一頁符號 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 += " }
獲得如下分頁導航實現效果如下: |<< < ... 9 10 11 12 13 14 15 16 ... > >>|
以上是“ASP.Net如何實現分頁導航”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。