某页码显示的helper 少量调整,另附js版

如果你只想下载现成的用,可以到这个页面上去找
许可证是“WTFPL”,也就是“Do What The Fuck You Want To Public License”。

源代码如下(因为有注释,就不另外说明了):


代码如下:

public static class PageNumExt
{
/// <summary>
/// 使用传入的委托计算并产生友好的页码。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionPageNum">处理页码的方式</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="maxSiblings">临近页码的数量</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
public static void PageNumView(this object o,
long currentPage, PageNumAction actionPageNum, Action actionFolding,
long maxSiblings = 2, long preventFolding = 1)
{
o.PageNumView(currentPage, actionPageNum, actionPageNum, actionFolding, maxSiblings, preventFolding);
}
/// <summary>
/// 使用传入的委托计算并产生友好的页码。当前页码将会被特别对待。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionCurrent">处理当前页码的方式</param>
/// <param name="actionPageNum">处理页码的方式</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="maxSiblings">临近页码的数量</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
public static void PageNumView(this object o,
long currentPage, PageNumAction actionCurrent,
PageNumAction actionPageNum, Action actionFolding,
long maxSiblings = 2, long preventFolding = 1)
{
o.PageNumView(
currentPage, actionCurrent,
1, long.MaxValue,
actionPageNum, i => { },
maxSiblings, actionPageNum,
preventFolding, actionFolding,
maxSiblings, 0,
actionPageNum, i => { }
);
}
/// <summary>
/// 根据传入的参数和委托来计算并产生友好的页码。当前页码将会被特别对待。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionCurrent">处理当前页码的方式</param>
/// <param name="beginPage">预设的起始页码</param>
/// <param name="endPage">预设的结束页码</param>
/// <param name="actionPageNum">处理页码的方式</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="maxSiblings">临近页码的数量</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
public static void PageNumView(this object o,
long currentPage, PageNumAction actionCurrent,
long beginPage, long endPage,
PageNumAction actionPageNum, Action actionFolding,
long maxSiblings = 2, long preventFolding = 1)
{
o.PageNumView(currentPage, actionCurrent, beginPage, endPage, actionPageNum, actionPageNum, actionPageNum, actionFolding, maxSiblings, preventFolding);
}
/// <summary>
/// 根据传入的参数和委托来计算并产生友好的页码。当前页码、起始页码和终止页码都指定了专用的委托来处理。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionCurrent">处理当前页码的方式</param>
/// <param name="beginPage">预设的起始页码</param>
/// <param name="endPage">预设的结束页码</param>
/// <param name="actionBegin">处理起始页码的方式</param>
/// <param name="actionEnd">处理结束页码的方式</param>
/// <param name="actionSebling">处理临近页码的方式</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="maxSiblings">临近页码的数量</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
public static void PageNumView(this object o,
long currentPage, PageNumAction actionCurrent,
long beginPage, long endPage,
PageNumAction actionBegin, PageNumAction actionEnd,
PageNumAction actionSebling, Action actionFolding,
long maxSiblings = 2, long preventFolding = 1)
{
o.PageNumView(
currentPage, actionCurrent,
beginPage, endPage,
actionBegin, actionEnd,
maxSiblings, actionSebling,
preventFolding, actionFolding,
maxSiblings, maxSiblings,
actionSebling, actionSebling
);
}
/// <summary>
/// 根据传入的参数和委托来计算并产生友好的页码。每一种页码的具体处理方式都需要由调用方指派委托。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionCurrent">处理当前页码的方式</param>
/// <param name="beginPage">预设的起始页码</param>
/// <param name="endPage">预设的结束页码</param>
/// <param name="actionBegin">处理起始页码的方式</param>
/// <param name="actionEnd">处理结束页码的方式</param>
/// <param name="currentSiblings">当前页码的临近页码数量</param>
/// <param name="actionCurrentSibling">处理临近页码的方式</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="endOfBegin">起始页临近页码的数量</param>
/// <param name="beginOfEnd">结束页临近页码的数量</param>
/// <param name="actionBeginSibling">处理起始页临近页码的方式</param>
/// <param name="actionEndSibling">处理结束页临近页码的方式</param>
public static void PageNumView(this object o,
long currentPage, PageNumAction actionCurrent,
long beginPage, long endPage,
PageNumAction actionBegin, PageNumAction actionEnd,
long currentSiblings, PageNumAction actionCurrentSibling,
long preventFolding, Action actionFolding,
long endOfBegin, long beginOfEnd,
PageNumAction actionBeginSibling, PageNumAction actionEndSibling
)
{
long i = beginPage;
// 如果起始页小于当前页,就开始处理起始页
if (beginPage < currentPage)
#region
{
actionBegin(beginPage);
i++;
endOfBegin += i; // 解决靠近起始页的页码之后
var siblingBegin = currentPage - currentSiblings; // 当前页的临近页从何处开始
var foldingStart = siblingBegin - preventFolding; // 页码折叠的底线
if (endOfBegin > siblingBegin)
endOfBegin = siblingBegin; // 保证当前页的临近页,牺牲起始页的临近页
for (; i < endOfBegin; i++)
actionBeginSibling(i);
if (i < foldingStart) // 如果还没到达折叠底线,就马上开始折叠
{
actionFolding();
i = foldingStart + 1; // 跳到折叠之后的页码
}
}
#endregion
// 处理当前页之前的临近页
for (; i < currentPage; i++)
actionCurrentSibling(i);
// 处理当前页
actionCurrent(currentPage);
i = currentPage + 1; // 表示当前页已经处理完成。
// 由于不能保证当前页和期望的起始页的关系,所以在此从当前页开始计算。
var goal = i + currentSiblings; // 设定一个目标
if (goal > endPage) // 目标不要超过结束页
goal = endPage;
// 处理当前页之后的临近页,直到到达目标页为止
for (; i < goal; i++)
actionCurrentSibling(i);
// 如果结束页大于当前页,就开始处理结束页
if (endPage > currentPage)
#region
{
beginOfEnd = endPage - beginOfEnd; // 计算出结束页的临近页从何处开始
var foldingStart = beginOfEnd - preventFolding;
if (i < foldingStart) // 没有触及折叠底线,马上开始折叠
{
actionFolding();
i = beginOfEnd;
}
else // 全部当作当前页的临近页来处理,但保留结束页的临近页
for (; i < beginOfEnd; i++)
actionCurrentSibling(i);

for (; i < endPage; i++)
actionEndSibling(i);
actionEnd(endPage);
}
#endregion
}
}

JavaScript版的源代码可以直接在前面提到的页面下载,不过这里也列出一下:


代码如下:

!function () {
var g = this;
var def_maxSiblings = 2;
var def_preventFolding = 1;
function pnView1(
currentPage, actionPageNum, actionFolding,
maxSiblings, preventFolding
) {
/// <summary>
/// 使用传入的委托计算并产生友好的页码。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionPageNum">处理页码的方式</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="maxSiblings">临近页码的数量</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
pnView2(currentPage, actionPageNum, actionPageNum, actionFolding, maxSiblings || def_maxSiblings, preventFolding || def_preventFolding);
}
function pnView2(
currentPage, actionCurrent,
actionPageNum, actionFolding,
maxSiblings, preventFolding
) {
/// <summary>
/// 使用传入的委托计算并产生友好的页码。当前页码将会被特别对待。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionCurrent">处理当前页码的方式</param>
/// <param name="actionPageNum">处理页码的方式</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="maxSiblings">临近页码的数量</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
pnView(
currentPage, actionCurrent,
1, Number.POSITIVE_INFINITY,
actionPageNum, null,
maxSiblings || def_maxSiblings, actionPageNum,
preventFolding || def_preventFolding, actionFolding,
maxSiblings || def_maxSiblings, 0,
actionPageNum, null
);
}
function pnView3(
currentPage, actionCurrent,
beginPage, endPage,
actionPageNum, actionFolding,
maxSiblings, preventFolding
) {
/// <summary>
/// 根据传入的参数和委托来计算并产生友好的页码。当前页码将会被特别对待。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionCurrent">处理当前页码的方式</param>
/// <param name="beginPage">预设的起始页码</param>
/// <param name="endPage">预设的结束页码</param>
/// <param name="actionPageNum">处理页码的方式</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="maxSiblings">临近页码的数量</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
pnView4(currentPage, actionCurrent, beginPage, endPage, actionPageNum, actionPageNum, actionPageNum, actionFolding, maxSiblings || def_maxSiblings, preventFolding || def_preventFolding);
}
function pnView4(
currentPage, actionCurrent,
beginPage, endPage,
actionBegin, actionEnd,
actionSebling, actionFolding,
maxSiblings, preventFolding
) {
/// <summary>
/// 根据传入的参数和委托来计算并产生友好的页码。当前页码、起始页码和终止页码都指定了专用的委托来处理。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionCurrent">处理当前页码的方式</param>
/// <param name="beginPage">预设的起始页码</param>
/// <param name="endPage">预设的结束页码</param>
/// <param name="actionBegin">处理起始页码的方式</param>
/// <param name="actionEnd">处理结束页码的方式</param>
/// <param name="actionSebling">处理临近页码的方式</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="maxSiblings">临近页码的数量</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
pnView(
currentPage, actionCurrent,
beginPage, endPage,
actionBegin, actionEnd,
maxSiblings || def_maxSiblings, actionSebling,
preventFolding || def_preventFolding, actionFolding,
maxSiblings || def_maxSiblings, maxSiblings || def_maxSiblings,
actionSebling, actionSebling
);
}
function pnView(
currentPage, actionCurrent,
beginPage, endPage,
actionBegin, actionEnd,
currentSiblings, actionCurrentSibling,
preventFolding, actionFolding,
endOfBegin, beginOfEnd,
actionBeginSibling, actionEndSibling
) {
/// <summary>
/// 根据传入的参数和委托来计算并产生友好的页码。每一种页码的具体处理方式都需要由调用方指派委托。
/// </summary>
/// <param name="o"></param>
/// <param name="currentPage">当前页码</param>
/// <param name="actionCurrent">处理当前页码的方式</param>
/// <param name="beginPage">预设的起始页码</param>
/// <param name="endPage">预设的结束页码</param>
/// <param name="actionBegin">处理起始页码的方式</param>
/// <param name="actionEnd">处理结束页码的方式</param>
/// <param name="currentSiblings">当前页码的临近页码数量</param>
/// <param name="actionCurrentSibling">处理临近页码的方式</param>
/// <param name="preventFolding">阻止折叠页码的临界值,超过这个数目的页码将会被折叠</param>
/// <param name="actionFolding">处理被折叠页码的方式</param>
/// <param name="endOfBegin">起始页临近页码的数量</param>
/// <param name="beginOfEnd">结束页临近页码的数量</param>
/// <param name="actionBeginSibling">处理起始页临近页码的方式</param>
/// <param name="actionEndSibling">处理结束页临近页码的方式</param>
var i = beginPage;
// 如果起始页小于当前页,就开始处理起始页
if (beginPage < currentPage) {
actionBegin && actionBegin(beginPage);
i++;
endOfBegin += i; // 解决靠近起始页的页码之后
var siblingBegin = currentPage - currentSiblings; // 当前页的临近页从何处开始
var foldingStart = siblingBegin - preventFolding; // 页码折叠的底线
if (endOfBegin > siblingBegin)
endOfBegin = siblingBegin; // 保证当前页的临近页,牺牲起始页的临近页
for (; i < endOfBegin; i++)
actionBeginSibling && actionBeginSibling(i);
if (i < foldingStart) // 如果还没到达折叠底线,就马上开始折叠
{
actionFolding && actionFolding();
i = foldingStart + 1; // 跳到折叠之后的页码
}
}
// 处理当前页之前的临近页
for (; i < currentPage; i++)
actionCurrentSibling && actionCurrentSibling(i);
// 处理当前页
actionCurrent && actionCurrent(currentPage);
i = currentPage + 1; // 表示当前页已经处理完成。
// 由于不能保证当前页和期望的起始页的关系,所以在此从当前页开始计算。
var goal = i + currentSiblings; // 设定一个目标
if (goal > endPage) // 目标不要超过结束页
goal = endPage;
// 处理当前页之后的临近页,直到到达目标页为止
for (; i < goal; i++)
actionCurrentSibling && actionCurrentSibling(i);
// 如果结束页大于当前页,就开始处理结束页
if (endPage > currentPage) {
beginOfEnd = endPage - beginOfEnd; // 计算出结束页的临近页从何处开始
var foldingStart = beginOfEnd - preventFolding;
if (i < foldingStart) // 没有触及折叠底线,马上开始折叠
{
actionFolding && actionFolding();
i = beginOfEnd;
}
else // 全部当作当前页的临近页来处理,但保留结束页的临近页
{
for (; i < beginOfEnd; i++)
actionCurrentSibling && actionCurrentSibling(i);
}

for (; i < endPage; i++)
actionEndSibling && actionEndSibling(i);
actionEnd && actionEnd(endPage);
}
}
g.pnView1 = pnView1;
g.pnView2 = pnView2;
g.pnView3 = pnView3;
g.pnView4 = pnView4;
g.pnView5 = pnView;
g.pnView = pnView;
} ();

/201009/yuanma/pnView_NanaView.rar

(0)

相关推荐

  • js实现下一页页码效果

    效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; } .scroll-tool{ position: relative; height: 56px; padding: 12px 160px; background-color

  • js实现前端分页页码管理

    用JS实现前端分页页码管理,可以很美观的区分页码显示(这也是参考大多数网站的分页页码展示),能够有很好的用户体验,这也是有业务需要就写了一下,还是新手,经验不足,欢迎指出批评! 首先先看效果图: 这是初始页面(也就是第一页)的界面,如果为第一页时,则首页和上一页按钮不可用,为了展示分页的效果,我当前的分页是一条一页. 这是页码大于5页时展示的效果:1,2页始终始终显示(考虑到用户体验) 这是最后一页的效果图: 下面直接上js代码: //页码显示 $(function(){ var dqPage

  • Bootstrap jquery.twbsPagination.js动态页码分页实例代码

    Bootstrap风格的分页控件自适应的: 参考网址:分页参考文档 1.风格样式: 2.首先引入js文件jQuery.twbsPagination.js <span style="font-size:14px;"><script type="text/javascript" src="plugins/page/jquery.twbsPagination.js"></script></span> 3.

  • javascript 支持页码格式的分页类

    但是他们插件的附属功能很多又不需要,而且没必要就为了这么一个功能区引用这个库,为速度考虑吧,当然你服务器好也行,但是其实这个效果不是必须的,但是觉的会常用,所以就包装成类了,供以后使用,也供有需要的人学习使用. 下面只是一个简单的demo,用的话自己可以在编辑页码样式,有默认的格式.不废话了,自己看吧,有注释使用说明...类(3kb)使用可以参照demo,不明白使用的可以留言. 以后会慢慢写一些项目开发中常遇到的问题,以及解决方案,和大家学习分享. jpage.js 复制代码 代码如下: /*

  • javascript分页代码(当前页码居中)

    复制代码 代码如下: function setPage(opt){ if(!opt.pageDivId || opt.allPageNum < opt.curpageNum || opt.allPageNum < opt.showPageNum){return false}; var allPageNum = opt.allPageNum; //总的页数 var showPageNum = opt.showPageNum; //显示的页数 var curpageNum = opt.curpag

  • 某页码显示的helper 少量调整,另附js版

    如果你只想下载现成的用,可以到这个页面上去找.许可证是"WTFPL",也就是"Do What The Fuck You Want To Public License". 源代码如下(因为有注释,就不另外说明了): 复制代码 代码如下: public static class PageNumExt { /// <summary> /// 使用传入的委托计算并产生友好的页码. /// </summary> /// <param name=&

  • jQuery动画显示和隐藏效果实例演示(附demo源码下载)

    本文实例讲述了jQuery动画显示和隐藏效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示. 完整实例代码点击此处本站下载. 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

  • 很全的显示阴历(农历)日期的js代码

    function RunGLNL(){ var today=new Date(); var d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var DDDD=(today.getYear()<100 ? today.getYear()+1900:today.getYear())+"年&qu

  • Android TextView实现点击显示全文与隐藏功能(附源码)

    前言 相信大家在日常开发的时候,经常会遇到大段文本需要部分展示的场景,通常的做法是在隐藏的状态下文本末尾加上「显示全文」,在展开的状态下文本末尾加上「隐藏」来控制文本的展示状态.这个交互可能有很多种实现方法,本文则以一个简单的 TextView 来实现这些交互,封装后的 CollapsiableTextView 仅增加了不到 70 个额外的方法数. 参数定义 如上图效果,我们需要使用到几个可配置的参数: <declare-styleablename="CollapsibleTextView

  • 微信小程序loading组件显示载入动画用法示例【附源码下载】

    本文实例讲述了微信小程序loading组件显示载入动画用法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① index.wxml <loading hidden="{{loadingHidden}}"> 加载中... </loading> <button type="default" bindtap="loadingTap">点击弹出loading</button> ② index

  • jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】

    本文实例讲述了jquery+ajax实现上传图片并显示上传进度功能.分享给大家供大家参考,具体如下: jquery上传文件用的formdata,上传进度条需要添加xhr的onprogress html代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib

  • div层跨越iframe帧显示在上面的解决方法附代码

    其实解决办法很简单,是从网上看到的,在弹出的层里加入<iframe>即可解决: <div style="position:absolute;width:140;height:200;z-index:10"><iframe src="menu.asp" width='100%' height='100%'></iframe></div>-------弹出的层 <div style="posti

  • C#页码导航显示及算法实现代码

    页码导航,先看显示效果: 算法要求: 1.页数小于等于1时不显示: 2.页数大于10时,自动缩短. 具体代码如下: 复制代码 代码如下: /// <summary> /// 获取分页导航 /// </summary> /// <param name="intPageIndex">页码</param> /// <param name="intPageCount">页数</param> /// &l

  • jQuery实现ajax无刷新分页页码控件

    这段时间在做公司项目的时候需要用到ajax进行分页(点击页码也是无刷新的显示上一页或下一页的内容,不是一般的选择跳转),但是在网上找了一下,大部分分页插件都是直接刷新跳转的,感觉和我的需求差距比较大,就自己动手写了一个可以实现自己需要的功能的js来实现这个控件,实现的效果如下: 因为业务需要,我需要在一个页面创建多个这样的页码控件(有些是在ajax中生成的),显然为每一个控件写一个专属的js是不现实的,所以,我将公共部分提取出来,然后通过传入的选择器不同,对不同的控件进行相应方法的调用. 下面是

  • js实现的点击超链显示隐藏层

    点击链接,显示提示框,提示框里也有链接可点击. 鼠标移开链接或者移开提示框,提示框就隐藏. 下面这个我写的不能自适应,如果菜单左对齐,显示层能否自动在右边显示?应该怎样调整JS? test body {background-color: #fff; font-size:14px; color:#666;} #link-url a {display:block; height:30px; line-height:30px;width:100px; color:#666; text-decorati

随机推荐