.net 分页案例效果
string path_query = "RigthAdvent.aspx?";#region 分页 /// <summary>
/// 分页代码
/// </summary>
/// <param name="totalResult">总的结果条数</param>
/// <param name="pageSize">每一页的大小</param>
/// <param name="currentPage">当前页码</param>
/// <returns>分页的html</returns>
public string Paging(double totalResult, int pageSize, int currentPage)
{
//在形如“上一页 1 ... 4 5 6 7 8 ... 100 下一页”的分页效果中,
//leftNum = 4,相应的rightNum = 8; currentPage = 6; step = 2(从4到6间的差叫做step) string pageUrl = "";
//左右延伸个数
int step = ; int leftNum;
int rightNum; //总页数
string allshuju = totalResult.ToString();
int totalPageCount = (int)Math.Ceiling(totalResult / pageSize); //是否显示上一页
if (currentPage > )
{
pageUrl += "<a href='" + path_query + "page=" + (currentPage - ) + "'>上一页</a>";
} //此时应该这样显示页码 上一页 1 ... 5 6 7 8 9 ... 100 下一页
//即当前浏览的页数在中间几页
if ((currentPage - step) > && (totalPageCount > step * + ))
{ //第一页
pageUrl += "<a href='" + path_query + "page=1'>1</a>"; //标识变量,标识当前页是否是倒数几页,该变量在下面会用到
bool isLastFiewPages = false; //判断是否是倒数后几页
if (currentPage + (step * + + ) > totalPageCount)
{
leftNum = totalPageCount - (step * + );
rightNum = totalPageCount;
isLastFiewPages = true;
}
else
{
leftNum = currentPage - step;
rightNum = currentPage + step;
} if (leftNum - > )
{
pageUrl += "<span>...</span>";
} //拼装分页代码
for (int i = leftNum; i <= rightNum; i++)
{
if (i == currentPage)
{
//当前页
pageUrl = pageUrl + "<span class='currentpage'>" + i + "</span>";
}
else
{
//有连接
pageUrl = pageUrl + "<a href='" + path_query + "page=" + i + "'>" + i + "</a>";
}
}
//最后一页
if (!isLastFiewPages)
{
pageUrl += "<span>...</span><a href='" + path_query + "page=" + totalPageCount + "'>" + totalPageCount + "</a>";
} }
//此时应该这样显示页码 上一页 1 2 3 4 5 6 ... 100 下一页或者
//当总页数小于或等于(2 * step + 1 + 1)的时候应该这样显示 上一页 1 2 3 4 5 下一页
else
{
if (currentPage <= )
{
currentPage = ;
} leftNum = ;
//rightNum总页数和step * 2 + 1 + 1中较小的那个,
rightNum = totalPageCount < (step * + + ) ? totalPageCount : (step * + ); for (int i = leftNum; i <= rightNum; i++)
{
if (i == currentPage)
{
pageUrl += "<span class='currentpage'>" + currentPage + "</span>";
}
else
{
pageUrl += "<a href='" + path_query + "page=" + i + "'>" + i + "</a>";
}
} //如果总条数大于前几页连续显示的条数需要这样显示 上一页 1 2 3 4 5 6 ... 100 下一页
if (totalPageCount > (step * + ))
{
if (totalPageCount - > rightNum)
{
pageUrl += "<span>...</span>";
}
pageUrl += "<a href='" + path_query + "page=" + totalPageCount + "'>" + totalPageCount + "</a>";
}
}
int tempxia = currentPage + ;
int tempqian = currentPage - ; ;
if (tempxia >= totalPageCount)
{
tempxia = totalPageCount;
}
if (tempqian <= )
{
tempqian = ;
}
pageShow = @"<a href='" + path_query + "page=" + tempxia + "'> <img src='images/sdhouse_05.gif' title='下一页'/></a><span>" + currentPage + "/" + totalPageCount + "</span><a href='" + path_query + "page=" + tempqian + "'><img src='images/sdhouse_03.gif' title='上一页'/></a>"; if (currentPage < totalPageCount)
{
pageUrl += "<a href='" + path_query + "page=" + (currentPage + ) + "' id='mainnext'>下一页</a>";
}
return pageUrl;
}
#endregion .pageinglist {
display: block;
height: 50px;
border-top: 1px solid #dedede;
background: #fafafa;
float: right;
margin-right: 15px;
padding-top: 15px;
width: 100%;
}
pageinglist span {
color: #434343;
padding: 6px 10px 6px 10px;
/* background-color: #ff9418; */
border-radius: 3px;
/* border: 1px solid #ff9418; */
float: left;
font-size: 14px;
}
pageinglist a {
margin-left: 4px;
margin-right: 4px;
border: 1px solid #ddd;
padding: 6px 10px 6px 10px;
border-radius: 3px;
float: left;
color: #000;
font-size: 14px;
text-decoration: none;
}
.net 分页案例效果的更多相关文章
- 仿淘宝分页按钮效果简单美观易使用的JS分页控件
分页按钮思想: 1.少于9页,全部显示 2.大于9页,1.2页显示,中间页码当前页为中心,前后各留两个页码 附件中有完整例子的压缩包下载.已更新到最新版本 先看效果图: 01输入框焦点效果 ...
- 关于csdn博客中案例效果的动态演示
在曾经一篇博文中,网友评论说要是案例效果是动态演示的就好了,我认为说的非常是有道理.由于一个简单的截图不能非常好的展示案例效果.要是有一张gif图能动态的播放案例效果就再好只是了.在这里提供一个小软件 ...
- Jquery 分页案例
Jquery 分页案例 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /& ...
- php分页类代码带分页样式效果(转)
php分页类代码,有漂亮的分页样式风格 时间:2016-03-16 09:16:03来源:网络 导读:不错的php分页类代码,将类文件与分页样式嵌入,实现php查询结果的精美分页,对研究php分页原理 ...
- WordPress实现长篇文章/日志/单页面分页功能效果
在WordPress里写文章,如果内容很多,你可能想要把文章分成几页来让访客浏览,这样既保持了网页的美观,也提高了网页的打开速度.但是在WordPress默认提供的按钮里,你可能找不到文章分页功能所对 ...
- jquery自定义插件来实现分页的效果
本节将介绍如何定义自己的jquery插入,实现分页效果,话不多说,.看看达到的效果: 分页插件 实现的代码例如以下: <!DOCTYPE HTML PUBLIC "-//W3C//DT ...
- oracle函数案例以及分页案例
--日期函数select sysdate from dual--返回两个日期select months_between(to_date('2017-1-7','yyyy-mm-dd'),to_date ...
- Servlet+jsp的分页案例
查询的分页,在web中经常用到.一般,分页要维护的信息很多,我们把这些相关的信息,分装到一个类中,PageBean.具体如下: package cn.itcast.utils; import java ...
- 纯JS写动态分页样式效果
效果图如下: html: <body> <div> <table id="btnbox"> <tbody> <tr>&l ...
随机推荐
- 基于Bootstrap 3.x的免费高级管理控制面板主题:AdminLTE
AdminLTE 是一个基于Bootstrap 3.x的免费高级管理控制面板主题.AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3框架.高度可定制的,易于使用.适合从小型移动设 ...
- linux考试基础知识测验
Linux系统管理基础测试(100分钟) 姓名: 座位号: 一.单项选择题:(每小题0.5分,共计30分) 1. cron 后台常驻程序 (daemon) 用于:D A. 负责文件在网络中的共 ...
- hdu 5424 Rikka with Graph II(dfs+哈密顿路径)
Problem Description As we know, Rikka is poor at math. Yuta is worrying about this situation, so h ...
- iOS 使用pods报错问题 pod --version
错误信息如下 find_spec_for_exe': can't find gem cocoapods (>= 0.a) (Gem::GemNotFoundException) from /Us ...
- Homebrew新一代OS X套件管理工具 高速安装Git
在Mac上安装一些开源程序,除了自己下下载.编译( ./configure && make && make install) 之外,通常最方便的选择就是用套件管理工具來 ...
- Window7下vagrant的部署
1. 下载并安装VirtualBox 下载地址:https://www.virtualbox.org/wiki/Downloads,下载最新的安装包,接下来的安装步骤就是下一步下一步了,你懂的 ...
- 打开Eclipse出现 parsesdkcontent failed 的解决办法
出现这个问题是由于系统曾安装过SDK和AVD,所以需要删除.android和相应的workspace文件夹,然后进入我的电脑->高级系统设置->环境变量,在系统变量里,更新ANDROID_ ...
- spark 高级算子
mapPartitionsWithIndex val func = (index: Int, iter: Iterator[(Int)]) => { iter.toList.map(x ...
- css设置滚动条颜色与样式以及如何去掉与隐藏滚动条
我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,于是本人搜集整理一番,这里和大家分享一下使用CSS设置滚动条颜色以及如何去掉滚动条的方法,需要的朋友可以 ...
- Markdown 学习笔记: Basics
Markdown 学习笔记: Basics 原文:Basics. 了解Markdown格式化句法的要点 本页对如何使用Markdown提供了一个简单的概述.在"句法"页中对Mark ...