文档章节

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
博文 65
码字总数 16689
作品 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
06/11
0
0
ASP.NET MVC2.0在Tab页中实现异步无刷新分页

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

王二狗子11
01/04
0
0
easyui-table表格客户端分页实例

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

尘光掠影
2017/08/06
0
0
ASP.NET MVC2.0在Tab页中实现异步无刷新分页

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

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

new Date() 在Safari下的 Invalid Date问题

问题复现 var timeStr = '2018-11-11 00:00:00';var time = new Date(timeStr);// error: Invalid Date... 在safari浏览器下,time为Invalid Date, 导致后面代码执行错误; 其他浏览器诸...

会写代码的husky
13分钟前
1
0
0009-如何升级Cloudera Manager和CDH

1.文档编写目的 本文档讲述如何升级Cloudera Manager和CDH,通过本文档,您将学习到以下知识: 1.如何对Cloudera Manager进行停机升级 2.如何对CDH进行停机升级 3.如何在不影响集群作业的情况...

Hadoop实操
23分钟前
0
0
vue2中引用 better-scroll的方法

文章主要介绍了vue2中引用better-scroll和使用 better-scroll的方法,使用时有三个要点及注意事项在文中给大家详细介绍 ,需要的朋友可以参考下 使用时有三个要点: 一:html部分 <div class...

前端攻城老湿
33分钟前
0
0
浅谈教你如何掌握Linux系统

linux能做什么?相信绝大数人都有这样的疑问。可以玩吃鸡吗?可以玩lol吗? 如果你是以娱乐的名义来评价linux的可用性,对不起,linux可能不适合你,因为linux是一个工具,他是教你聪明的,不...

linuxprobe16
40分钟前
0
0
java中线程池的生命周期

线程池生命周期包括: RUNNING:接收新的任务并处理队列中的任务 SHUTDOWN:不接收新的任务,但是处理队列中的任务 STOP:不接收新的任务,不处理队列中的任务,同时中断处理中的任务 TIDYING:所...

小刀爱编程
47分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部