ASP.Net paging navigation example

Asp.Net paging can set the link text displayed in the foreground on the homepage, previous page, next page, and last page of the paging. Here we only mention simple functions, and it will be easier to study and analyze their principles in depth.

//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/&#39;"" +="" url="" (curpage="" 1)="" "&#39;="">" + next + " ";
       html += "
    }

Get the following paging navigation effect as follows: |<< < ... 9 10 11 12 13 14 15 16 ... > >>|

The above is the entire content of this article. I hope it will be helpful to everyone’s learning. I also hope that everyone will support the PHP Chinese website.

For more articles related to ASP.Net paging paging navigation examples, please pay attention to the PHP Chinese website!