文档章节

table分页的简单实现逻辑

粒子数反转
 粒子数反转
发布于 2017/09/08 10:36
字数 142
阅读 12
收藏 0
点赞 0
评论 0
//table分页函数
            showPageNum: function(pageNum, allPageNum) {  //pageNum点击第几页,allPageNum总页数
                $(".c_page .c_page_list").children().remove();
                for(var i=1;i<=allPageNum;i++){
                    var page = '<a href="###" data-index="'+i+'">'+i+'</a>';  
                    var ellipses = '<span class="c_page_ellipsis">...</span>';
                    if(allPageNum > 7){
                        if(pageNum < 5){
                            if(i<7 || i==allPageNum){
                                $(".c_page .c_page_list").append(page);
                            }
                            if(i==allPageNum-1){
                                $(".c_page .c_page_list").append(ellipses);
                            }  
                        }else if(pageNum >= allPageNum-3){
                            if(i > allPageNum-6 || i == 1){
                                $(".c_page .c_page_list").append(page);
                            }
                            if(i == 1){
                                $(".c_page .c_page_list").append(ellipses);
                            }
                        } else {
                            if(i == allPageNum){
                                $(".c_page .c_page_list").append(ellipses);
                                $(".c_page .c_page_list").append(page);
                            }
                            if(i == 1){
                                $(".c_page .c_page_list").append(page);
                                $(".c_page .c_page_list").append(ellipses);
                            }
                            if(pageNum+2 < allPageNum){
                                if(pageNum-2 <= i && i <= pageNum+2){
                                    $(".c_page .c_page_list").append(page);
                                }

                            }
                        } 
                    } else {
                        $(".c_page .c_page_list").append(page);
                    }
                    
                }
            },

 

© 著作权归作者所有

共有 人打赏支持
粒子数反转
粉丝 0
博文 55
码字总数 11222
作品 0
闵行
前端工程师
基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理

在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非...

walb呀
2017/12/04
0
0
ASP.NET MVC2.0在Tab页中实现异步无刷新分页

概述 很多地方都存在以Tab页来呈现数据的方式,比如网易、新浪、搜狐、QQ等知名的门户网站的首页,还有大家熟知的博客园首页,都是用了tab页来显示数据。大家之所以喜欢用Tab,因为它能大大的...

王二狗子11
01/04
0
0
ASP.NET MVC2.0在Tab页中实现异步无刷新分页

概述 很多地方都存在以Tab页来呈现数据的方式,比如网易、新浪、搜狐、QQ等知名的门户网站的首页,还有大家熟知的博客园首页,都是用了tab页来显示数据。大家之所以喜欢用Tab,因为它能大大的...

晨曦之光
2012/03/09
0
0
el-data-table, 让CRUD更简单👏

el-data-table, 让CRUD更简单👏 编辑于 2018-06-08

levy
06/11
0
0
操作系统 笔记(三)计算机体系结构,地址空间、连续内存分配(四)非连续内存分配:分段,分页

上课视频来源B站,http://www.bilibili.com/video/av6538245/ 上一篇:操作系统from清华大学向勇,陈渝 笔记(二)操作系统的启动、中断、异常、系统调用 INDEX: 3-1 计算机体系结构&内存分层...

github_36487770
2017/02/08
0
0
ASP.NET MVC2右键菜单和最简单分页

右键菜单非常方便,很多时候会用到。这篇文章将使用一个JQUERY的插件在asp.net mvc中实现右键菜单。本文还将介绍一下在asp.net mvc中如何实现简单的分页。效果如下图: 首先,下载此插件。 ...

晨曦之光
2012/03/09
0
0
ASP.NET MVC2右键菜单和最简单分页

右键菜单非常方便,很多时候会用到。这篇文章将使用一个JQUERY的插件在asp.net mvc中实现右键菜单。本文还将介绍一下在asp.net mvc中如何实现简单的分页。效果如下图: 首先,下载此插件。 ...

王二狗子11
01/02
0
0
Table Storage对分页的支持

公告:本博客为微软云计算中文博客的镜像博客。部分文章因为博客兼容性问题,会影响阅读体验。如遇此情况,请访问原博客。 大家可能知道WCF Data Services最新版提供了server paging的功能,...

晨曦之光
2012/03/09
0
0
主流数据库分页查询介绍

1 背景概述 由于在项目中需要在页面上显示数量非常多的数据, 在进行数据库查询时首先会把所有的数据都查询出来,然后在进行显示,这时候分页查询的操作就必不可少了,本文介绍Mysql、Oracl...

数通畅联
2015/11/26
185
0
Mybatis 分页插件 PageHelper 5.0.0 发布

Mybatis分页插件 - PageHelper PageHelper 5.0.0 发布了。如果你也在用Mybatis,建议尝试该分页插件,这一定是最方便使用的分页插件。分页插件支持任何复杂的单表、多表分页,部分特殊情况请...

Liuzh_533
2017/01/03
17.5K
37

没有更多内容

加载失败,请刷新页面

加载更多

下一页

LSM树(Log-Structured Merge Tree)存储引擎浅析

其实每一种数据库,它都是一种抽象的数据结构的具体实现。 随着rocksDB(facebook的),levelDB(google的),以及我们熟知的hbase,他们都是使用的LSM树结构的数据库。 它的核心思路其实非常...

算法之名
7分钟前
0
0
ARTS说明

湾曲日报,作者每天阅读5篇优质英文文章,从2014/08/06开始,到今天也1216期了. 阮一峰的每周分享,从2018/04/20开始,每周5分享一周作者认为值得分享的东西,现在最新是14期. 关于ARTS Algorithm ...

yysue
9分钟前
0
0
sql优化原则

批量查询/更新/获得表结构 1.sp_help table_name;-sqlserver==desc table_name-mysql 如: sp_help Student; sql优化: 应尽量避免在 where 子句中使用!=或<>操作符,否则将引擎放弃使用索引...

xd03122049
17分钟前
0
0
python爬虫日志(6)小小实践

经过3天的学习,现在对简单的网页基本可以爬取想爬取的信息了,但还无法应对网站一些复杂的反爬虫措施。 今天利用目前为止所学的知识,试着爬取了煎蛋网几页图片并下载到本地。 #首先还是先导...

茫羽行
23分钟前
0
0
js中用oop思想封装轮播

用户可以自己设置:1、速度speed:fast,normal,slow 2、是否自动轮播:true,false 3、选择器(当然可以根据需求,增加,目前先封的这三个)仅供参考 觉得oop面向对象的思想比较有意思,前端...

琴妹
23分钟前
0
0
使用fastjson将json格式的数据转化为对象

1. 导入fastjson的jar包 <!-- 9.fastjson --> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.47</version> </dependency> 2. 常用几种类型的......

Lucky_Me
25分钟前
0
0
JDK11的ZGC小试牛刀

序 本文主要试一下JDK11的ZGC ZGC ZGC全称是Z Garbage Collector,是一款可伸缩(scalable)的低延迟(low latency garbage)、并发(concurrent)垃圾回收器,旨在实现以下几个目标: 停顿时间不超...

go4it
29分钟前
0
0
电信ss/ssr速度慢 电信国际出口速度慢 被QoS限速

很多人跟我反应,同一条线路,电信用户的国际出口速度很慢,而移动/联通用户却还不错,可能移动/联通可以流畅看1080P,而电信卡的连国外网页都打不开。明明电信的国际出口宽带是三家中最高的...

flyzy2005
34分钟前
0
0
java中equals,hashcode和==的区别

1、== java中的数据类型,可分为两类: 1.基本数据类型,也称原始数据类型 byte,short,char,int,long,float,double,boolean 他们之间的比较,应用双等号(==),比较的是他们的值。 2.引用类型...

小海bug
56分钟前
0
0
Win10专业版安装GIT后使用Git Bash闪退解决办法

百度后把过程和最终解决办法记录下来: 百度首先出来的解决办法如下: 来自:https://segmentfault.com/q/1010000012722511?sort=created 重启电脑 重新安装 安装到C盘 尝试网上的教程 \Git...

特拉仔
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部