ASP.Net分页的分页导航实例
更新时间:2016年10月17日 14:43:10 作者:jiangpeng59的专栏
本文介绍了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 Core 6.0 基于模型验证的数据验证功能
这篇文章主要介绍了ASP.NET Core 6.0 基于模型验证的数据验证,本文描述的数据验证方案,是基于官方的模型验证(Model validation),需要的朋友可以参考下2022-07-07ASP.NET Core 使用SignalR推送服务器日志的过程记录
这篇文章主要介绍了ASP.NET Core 使用SignalR推送服务器日志的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2024-01-01Linux服务器下利用Docker部署.net Core项目的全过程
这篇文章主要给大家介绍了关于在Linux服务器下利用Docker部署.net Core项目的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用.net Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧2019-07-07asp.net ext treepanel 动态加载XML的实现方法
当你在asp.net下面 使用Ext TreePanel直接加载服务器上XML文件会出现树不能显示,树据不能正确加载的问题。2008-10-10.NET的DateTime函数获取上个月的起始和截止时间的方法
这篇文章主要介绍了NET的DateTime函数获取上个月的起始和截止时间的方法,可广泛使用于报表中的时间自动选择功能,是非常实用的技巧,需要的朋友可以参考下2015-01-01
最新评论