文档章节

table分页的简单实现逻辑

粒子数反转
 粒子数反转
发布于 2017/09/08 10:36
字数 142
阅读 12
收藏 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
博文 68
码字总数 16645
作品 0
闵行
前端工程师
私信 提问
ASP.NET MVC2.0在Tab页中实现异步无刷新分页

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

王二狗子11
2018/01/04
0
0
基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理

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

walb呀
2017/12/04
0
0
el-data-table, 让CRUD更简单👏

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

levy
2018/06/11
0
0
easyui-table表格客户端分页实例

版权声明:本文为博主原创文章,如需转载,请标明出处。 https://blog.csdn.net/alan_liuyue/article/details/76783083 一、前言 前一篇博客已经介绍了bootstrap-table的客户端分页,而本...

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

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

github_36487770
2017/02/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

MySQL查询执行

当我们希望MySQL能够以更高的性能运行查询时,最好的办法就是弄清楚MySQL是如何优化和执行查询的。一旦理解了这一点,很多查询优化工作实际上就是遵循一些原则让优化器能够按照预想的合理方式...

问题终结者
47分钟前
0
0
CDH5动静态资源池配置与回滚

关于动态 静态资源池的配置以前都有提过,可以从以下几篇了解: YARN动态资源池配置案例 https://yq.aliyun.com/ziliao/346856# Hadoop YARN配置参数剖析(4)—Fair Scheduler相关参数 Hadoop...

hblt-j
52分钟前
3
0
WordPress仿站实战教程

有一个月没有写blog了,一直在学习wordpress的知识,现在能够进行简单的政府企业门户网站的仿制,wordpress的主题订制,一般是对前端要求比较高,wordpress学会了,建站还是非常的快的。下面...

临江仙卜算子
54分钟前
3
0
图像库stb_image

https://github.com/nothings/stb 目前一般主流的图像格式也就是bmp,jpg,png,tga,dds,除了DDS一般是给DX用的,虽然一堆OpenGL程序也有用的,但是我一般只用png和tga, png不用说了,带a...

robslove
今天
1
0
Spring 事务提交回滚源码解析

前言 在上篇文章 Spring 事务初始化源码分析 中分析了 Spring 事务初始化的一个过程,当初始化完成后,Spring 是如何去获取事务,当目标方法异常后,又是如何进行回滚的,又或是目标方法执行...

TSMYK
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部