上一页 下一页

最新推荐文章于 2021-01-24 11:31:18 发布
最新推荐文章于 2021-01-24 11:31:18 发布
阅读量270 收藏
点赞数
文章标签： json 大数据
原文链接：http://www.cnblogs.com/zjpzjp/p/7575636.html
版权 
sessionStorage.removeItem('times');
var ding_pageSize = 10;//切换每页显示条数

 function exportExcle(url){
     $.ajax({

            'type':'get',
            'url':url,
            "dataType":'json',
            "data":{
                
            },
            "traditional" : true,
             success:function(myData){
                // myData = JSON.parse(myData);
//                    console.log(myData.data)
                    if(myData.code==200){
                        
                        
                    }
             }
        })
 }
function consoleTable(url){
    sessionStorage.removeItem('consoleCount');
    $('#console_table').DataTable( {
        "info":false,
       "filter":false,
       "lengthMenu":false,
       "ordering":false,
        "bDeferRender": true,//大数据量处理，加快速度；
        "bAutoWidth": false,//表格自定义宽度，和swidth一起用
//         "pagingType": "simple_numbers",  //分页首页和尾页
         "paging": false, //开启分页
         "iDisplayLength": 10,
         "order":[[2]],
        "bProcessing": false,
        "bDestroy": true,
//        "dom": 't<"foot_bottom"p>',
        ajax:{
           "type":"get",
            "url":url,
            "data":{
                
                
            },
            "dataType":'json',
            "dataSrc": function (mdata) {
//                $('#console_table>thead>tr>th:first-child').empty();
//                $('#console_table>thead>tr>th:first-child').append('<input id="allCheck" type="checkbox"/>');
                if (!mdata.success || mdata.data == null) {
                    sessionStorage.setItem("consoleCount", 0);
                    
                    return [];
                } 
                if(mdata.code==200){
                    if(mdata.data.length>0){
                         
                        sessionStorage.setItem("consoleCount",mdata.total);
                         return mdata.data;
                    }else{
                        sessionStorage.setItem("consoleCount", 0);
                        
                         return [];
                    }
                }
            
           }
       },
       
//         "language":{
//                    "sProcessing": '加载中...',
//                    "sLoadingRecords":" ",
//                    "sEmptyTable": '暂无数据',
//                    "decimal":",",
//                    "thousands":".",
////                    "sProcessing" : "正在加载中......",
////                    "sLengthMenu" :[[10, 20, -1], [10, 20, "All"]],
//                    //"sInfo" : "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录",
//                   // "sInfoEmpty": '显示第 0 至 0 项结果，共 0 项',
//                    //"sInfoFiltered" : "数据表中共为 _MAX_ 条记录",
//                    "oPaginate" : {
//                        
//                        "sPrevious" : "&lt;",
//                        "sNext" : "&gt;",
//                        
//                    }
//
//                    
//             },

       "columns":[
                  
                   {"data":"gmtCreate"},
                   {"data":"accountName"},
                   {"data":"creatPerson"},
                   {"data":"typeZn"},
                   {"data":"definit"},
                  {"data":"content"}
             
             ],
         "aoColumnDefs" : [
                          {
                              render:function(data,type,row){
                                   if(data==null||data==""){
                                      return "--";
                                   }else{
                                      return new Date(data).format('yyyy-MM-dd HH:mm:ss');
//                                      
                                   }
                              },

                            "orderable":false,
                             "targets": [0]
                              
                          },
                          {
//                          
                              render:function(data,type,row){
                                   if(data==null||data==""){
                                       return "--";
                                    }
                                  return data;
                              },
                            
                            "orderable":false,
                              "targets": [1]
                              
                          },
                          {
                              render:function(data,type,row){
                                  
                                  if(data==null||data==""){
                                      return "--";
                                  }
                                   
                                   return data;
                                  
                                  
                              },

                            "orderable":true,
                              "targets": [2]
                          
                              
                          },
                          {
                              render:function(data,type,row){
                                  
                                  if(data==null||data==""){
                                      return "--";
                                  }
                                   
                                   return data;
                              },

                             "orderable":true,
                              "targets": [3]
                          
                              
                          },
                          {
                              render:function(data,type,row){
                                  
                                  if(data==null||data==""){
                                      return "--";
                                  }
                                  
                                  return data;
                              },
                              
                              "orderable":true,
                              "targets": [4]
                              
                              
                          },
                          {
                              //dealEmpId  dealRealName dealNickName
                              render:function(data,type,row){
//                                  console.log(data);
//                                  console.log(row.contentHistory);
                                  var content=JSON.stringify(data);
                                  var contentlast=JSON.stringify(row.contentHistory);
                                  if(data==null||data==""||data.length==0){
                                      content = '';
                                  }
                                  if(row.contentHistory==null||row.contentHistory==""||row.contentHistory.length==0){
                                      contentlast = '';
                                  }
                                  return '<span class="console_look" data-content=\''+content+'\' data-contentlast=\''+contentlast+'\'>查看</span>';
                              },

                            "orderable":true,
                              "targets": [5]
                              
                              
                          }
                      ],
              "fnCreatedRow": function(nRow, aData, iDataIndex) {
//                 $('td:eq(1)', nRow).addClass("mouseType");
//                 $('td:eq(2)', nRow).addClass("ding_name_type");
//                 $('td:eq(5)', nRow).addClass("processType");
            },
            "initComplete":function(data){
                
                
                var times=sessionStorage.getItem('times');
                if(times){
                    
                }else{
                    var totalCount= sessionStorage.getItem("consoleCount");

                     if(totalCount==0){
                         $('.page_group').css('display','none');
                     }else if(totalCount<=ding_pageSize){//默认显示10条
                        $('.page_group').css('display','block');
                        $('.pageDetails .mainBTotalNuber>em').html(totalCount);
                        $('.pageDetails .mainBTotalPage>em').html(Math.ceil(totalCount/ding_pageSize));
                        $('.pageDetails .currentPage>em').html(1);
                        $('.pageDetails span.upPage')[0].dataset.uppage=1;
                        $('.pageDetails span.downPage')[0].dataset.downpage=1;
        //                $('span.upPage')[0].dataset.saleid=saleId;
        //                $('span.downPage')[0].dataset.saleid=saleId;
                        $('.pageDetails span.downPage')[0].dataset.total=totalCount;
                        $('.pageDetails span.upPage').addClass('noAble');
                        $('.pageDetails span.downPage').addClass('noAble');
                         
                     }else if(totalCount>ding_pageSize){
                        $('.page_group').css('display','block');
                        $('.pageDetails .mainBTotalNuber>em').html(totalCount);
                         $('.pageDetails .mainBTotalPage>em').html(Math.ceil(totalCount/ding_pageSize));
                         $('.pageDetails .currentPage>em').html(1);
                         $('.pageDetails span.upPage')[0].dataset.uppage=1;
                         $('.pageDetails span.downPage')[0].dataset.downpage=1;
        //                 $('span.upPage')[0].dataset.saleid=saleId;
        //                 $('span.downPage')[0].dataset.saleid=saleId;
                         $('.pageDetails span.downPage')[0].dataset.total=totalCount;
                         $('.pageDetails span.upPage').addClass('noAble');
                        $('.pageDetails span.downPage').removeClass('noAble');
                     }
                }
                
                 sessionStorage.setItem('times',1);
    
            }///
        

   } );    
}
function upPageClick(that,e){
    
    var current=$(that)[0].dataset.uppage;//点击上一页  取下一页的当前值
    current=parseInt(current);
//    console.log(current);
    console.log(ding_pageSize);
    if(current==1||current==0){
        return ;
    }else{
        
        $(that).next('span.downPage').removeClass('noAble');
        current--;
        
        var queryTimes = $("#console_time").val();
        var queryTimeList = queryTimes.split(" - ");
        var startTime = queryTimeList[0];//开始时间
        var endTime = queryTimeList[1];//结束时间
        var parentName = $("#customer_name").val();//结束时间
        consoleTable('/enterpriseServe/getLogByMap?parentId=&creatPerson=&pageNo='+current+'&pageSize='+ding_pageSize+'&start='+startTime+'&end='+endTime+'&parentName='+parentName);
            
          
//         $(this).parent().parent('td>table').html(newTable(zjp));/
        if(current<=1){//保证下一页最小为第二页   上一页最小为第一页
            current=1;
            $(that).addClass('noAble');
        }
        
        $(that).prevAll().filter(".currentPage").children('em').html(current);//为当前页赋值
        $(that).next('span.downPage')[0].dataset.downpage=current;//为下一页赋值（下一页始终比上一页大一个数）
        
        $(that)[0].dataset.uppage=current;//把页数赋值给上一页
        
        e.stopPropagation();
//        $(this).unbind("click"); //移除click
           return false;
    }
}
function downPageClick(that,e){
    var total=$(that)[0].dataset.total;
    total=parseInt(total);
    var current=$(that)[0].dataset.downpage;
//    var current=$(this).prev('span.upPage')[0].dataset.uppage;
//    console.log(current);
    console.log(ding_pageSize);
    current=parseInt(current);
    
    if(current>=(Math.ceil(total/ding_pageSize))){//判断总页数
        return ;
    }else{
        
        $(that).prev('span.upPage').removeClass('noAble');//能走到这说明下一页可点击   把上一页不可用样式移除
        //var pageNo=current++;$(this)[0].dataset.uppage=nn;
    
        current++;
        
        var queryTimes = $("#console_time").val();
        var queryTimeList = queryTimes.split(" - ");
        var startTime = queryTimeList[0];//开始时间
        var endTime = queryTimeList[1];//结束时间
        var parentName = $("#customer_name").val();//结束时间
        consoleTable('/enterpriseServe/getLogByMap?parentId=&creatPerson=&pageNo='+current+'&pageSize='+ding_pageSize+'&start='+startTime+'&end='+endTime+'&parentName='+parentName);
        
        if(current>=(Math.ceil(total/ding_pageSize))){//总页数
//            current=(Math.ceil(total/10))-1;
            $(that).addClass('noAble');
            
        }
        $(that).prevAll().filter(".currentPage").children('em').html(current);//为当前页赋值
        $(that).prev('span.upPage')[0].dataset.uppage=current;
        $(that)[0].dataset.downpage=current;//把页数赋值给上一页
        
       
        e.stopPropagation();
//        $(this).unbind("click"); //移除click
           return false;
    }
    
}

 

转载于:https://www.cnblogs.com/zjpzjp/p/7575636.html

weixin_30783913
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现“上一页”和“下一页按钮
12-17
<?php  //本例子摘自phpbuilder.com  //稍加翻译  //<sprming>  $limit=20; // 每页显示的行数  $numresults=mysql_query("select * from TABLE where YOUR CONDITIONAL HERE order by WHATEVER");//换成你所需要的sql语句  $numrows=mysql_num_rows($numresults);  // next determine if offset has been passed to script, if not use
上一页、下一页功能的实现
小胖lcp的博客
04-29 4593
上一页、下一页的实现
Jquery分页之（上一页，下一页）
zm17671443092的博客
08-25 6513
Jquery分页之（上一页，下一页） 在工作中我们会经常用到分页功能，除了数据库实现分页查询和调用分页插件，前端也可以实现分页查询，接下来就有我来带着大家实现一个简单的分页效果。 分页就是将将过多的结果在有限的界面上分好多页来显示，这个是很多网站常用的功能，也是最基本的功能。 1.首先当页面加载完成时,要将数据进行排列，假如你要将5条数据分为一页的话，那么页面加载完成时第一页就显示5条数据，同理要将10条数据分为一页的话，也是一样的。 如上图效果，第一页的分页就完成了。 functi
列表页转内容页-实现上一页下一页效果
竹映平昔
01-10 5799
一、前言 自己制作的一款小程序里面，为了实现上一页下一页的效果，以及点击view组件后跳转并提取指定的文章页面内容。并且用户在内容页点击上一页下一页时进行相应的变化。 开发困惑：一个冒号和等号的区别让我折磨了两三天。如下 this.setData({ books:books })里面应该是“：”而不是“=”。一开始我填的等号，然后一直排错，后来一不小心看到修改了下，
jsp分页，显示上一页，下一页，首页，末页，和数据页“1,2,3,4,……”
10-11
jsp 分页显示数据，显示“页数”，“第几页”，“上一页” “下一页” “首页” “尾页”“1,2,3,4,5……”；分页效果和平时所见的分页效果相同，数据库用hibernate链接 “上一页”显示的数据和“1,2,3,4……”想对应，当前页数用不同的样式显示
点图片上一页下一页翻页效果
09-06
实现图片翻页效果实例代码
js实现上一页下一页的效果【附代码】
10-22
下面小编就为大家带来一篇js实现上一页下一页的效果【附代码】。小编觉得非常不错。现在分享给大家。希望能给大家一个参考。
phpcms文章页如何显示上一页下一页
09-29
phpcms文章页要显示上一页下一页效果并不难，下面的代码大家不妨参考下，或许有所帮助
jsp实现上一页下一页翻页功能(示例代码)
10-19
下面小编就为大家带来一篇jsp实现上一页下一页翻页功能(示例代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
php实现网页上一页下一页翻页过程详解
10-16
主要介绍了php实现网页上一页下一页翻页过程详解,大致功能就是页面只显示几条信息，按上一页、下一页切换内容，当显示第一页时上一页和首页选项不可选，当页面加载到最后一页时下一页和尾页选项不可选,需要的朋友...
Notepad++ 快捷键 大全
zm_nong的专栏
07-12 848
http://hi.baidu.com/dong_yin63638688/blog/item/57aa2bd58abfeddd50da4b2c.html Notepad++ 快捷键 大全 Ctrl+C 复制 Ctrl+X 剪切 Ctrl+V 粘贴 Ctrl+Z 撤消 Ctrl+Y 恢复 Ctrl+A 全选 Ctrl+F 键查找对话框启动 Ctrl+H 查找/替换对话框 Ct
json得到数据在jsp页面实现分页
heiiochange的博客
09-22 2032
html 页面测试 !DOCTYPE html> id name pass 一定有y页 xian ds页 dom03.js $(function(){ var user={"id":1001,"name":"zh","pass":"pa
Json转换工具
一叶知秋
12-03 4378
 jacksonJson是springMvc内置的json处理工具、其中有一个ObjectMapper处理json User.java public class User implements Serializable { private static final long serialVersionUID = 1L; private Long id; // ...
JSON自动分页包含跳转功能
hzdz163的博客
10-19 1513
NicePage:基于强大的 layui 框架,通过扩展laypage.js,nicePage.js实现JSON数据格式的自动表格分页和跳转功能,配置简单,上手速度快，兼容IE5+。 使用方法：   1.复制js,css文件到项目中,引用目录下的layui.css,layui.js,nicePage.js文件，通过nicePage.setCfg()初始化,即可! //标准json格...
上一页下一页效果
weixin_47204963的博客
01-24 182
思路整理： 1.页面布局 2.获取元素，通过遍历指定集合各元素的高度（需要注意的是innerHeight得到的是数字） 3.绑定事件（需注意scrollBy的用法） body { margin: 0; } .box { text-align: center; overflow: hidden; } .btns { position: fixed;
PHP实现分页功能（一）上一页/下一页（含有分类功能的分页）
一只胡萝卜
09-17 5841
实现上一页/下一页按钮式的分页功能；含有分类功能的分页代码；基于THINKPHP5框架开发，实现上一页/下一页按钮式的分页功能
上一页下一页
最新发布
05-30
好的，以下是实现上一页下一页的示例代码： ```csharp using UnityEngine; using UnityEngine.UI; using System.Collections.Generic; public class PageController : MonoBehaviour { public List<GameObject> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值