.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 ...
随机推荐
- 以Crypto++实现RSA加解密二进制数据
网上一大片讲怎么加解密字符串的,找了大半天也没找到讲加解密二进制数据的,于是自己研究了下,分享给大家. 加解密函数: #include <rsa.h> #include <randp ...
- Javascript: 截取字符串多出来并用省略号[...]显示
/背景知识/ substring 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 开始和结束的位置,从零开始的索引 参数描述 start 必需.一个非负的整数 ...
- jQuery.extend 和 jQuery.fn.extend
1.jQuery.extend 我们先把jQuery看成了一个类,这样好理解一些.jQuery.extend(),是扩展的jQuery这个类. 假设我们把jQuery这个类看成是人类,能吃饭能喝水能跑 ...
- Centos7安装Oracle JDK
查看Linux是否自带的JDK,如有openJDK,则卸载 java -version
- linux提取指定行至指定位置
grep查找ERROR,定位位置 awk打印到指定行数 sed打印到文本末尾 awk打印到文本末尾 方法一 #!/bin/csh -f if(-f errorlog.rpt) then rm -rf ...
- CoreText中坐标转换的一些理解
引言 学习CoreText,最初的想法是写一个杂志类的应用,因为对网易和zarca应用一些技术的疑问,所以,自己有了很强的兴趣欲和钻研欲,开始这段有点不顺的学习过程. 难题 1.对CGContextR ...
- C# 导出Excel 多个Sheet
以下代码中最关键的代码是 Worksheet mSheet = (Microsoft.Office.Interop.Excel.Worksheet)mBook.Worksheets.Add(miss, ...
- ajaxFileUpload js判断类型
function ajaxFileUpload() { var File_box = document.getElementById('V_file'); var extend = Fil ...
- FineUI布局应用(二)
一.FineUI页面布局分为 1.Fit布局 <f:Panel ID="Panel1" Title="布局Fit(Layout=Fit)" runat=& ...
- oracle 随Linux系统启动自启动设置
本文转自http://www.jb51.net/article/19823.htm 首先,要在RHEL中设置允许ORACLE系统自动启动,因为默认情况下是设置为不允许的.操作如下: 在root账户下修 ...