分页 jqPaginator.js

1 篇文章 0 订阅

<button id="search" onClick="getPages();">查询</button>

function getPageNum(){
    return pageNum;
    }
    var pageSize = 20;
    function getPageSize(){
        return pageSize;
    }
    var pageNum = 1;
    var pageSize = getPageSize();
    var totalcount = 0;
    $(function(){
        $.jqPaginator('#pagination', {
        totalPages: 1,
        visiblePages: 1,
        currentPage: 1,
        first: '<li class="first"><a href="javascript:void(0);">首页</a></li>',
        prev: '<li class="prev"><a href="javascript:;">前一页</a></li>',
        next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
        last: '<li class="last"><a href="javascript:void(0);">尾页</a></li>',
        page: '<li class="page"><a href="javascript:;">{{page}}</a></li>',
        onPageChange: function (num, type) {
           pageNum = num;
           if(type =="change"){
           getPages(pageNum);
         }
        }
    });
    var pageNum = 1;
      getPages(pageNum);
    })
    $('#search').click(function(){
        var pageNum = 1;
        getPages(pageNum)
    })
    function getPages(pageNum){
        var page = pageNum;
        if(page == null){
            page = 1
        }
        var user = {
            emp_name : $('#emp_name').val(),
            tel : $('#tel').val(),
            region_cd : "{$Think.get.region_cd}",
            list_type : "{$Think.get.list_type}",
            val : "{$Think.get.val}",
            type : "{$Think.get.type}",
            start_time : "{$Think.get.start_time}",
            end_time : "{$Think.get.end_time}",
            top_region : "{$Think.get.top_region}",
            pageNum:page,
        }
        $.ajax({
            type:'POST',
            url:"{:U('ajaxGetListData')}",
            data:user,
            success:function(data){
                var totalPages= data.all_page;
                      if(totalPages <=0){
                      totalPages = 1;
              }
                var visiblePages = totalPages;
                    if(visiblePages >=10){
                        visiblePages  = 10
                      }
                $('#pagination').jqPaginator('option', {
                    totalPages: totalPages,
                    visiblePages:visiblePages,//每页记录条数
                    currentPage: data.info.pageNum
                });
                var html = ""
                for(var i = 0;i<data.info.length;i++){
                    var item = data.info[i]
                    if(data.status == 0){
                        $('#data').html('')
                    }else{
                        html += `<tr data-order_id="`+item.row_id+`">+
                            <td>`+item.grid_name+`</td>
                            <td>`+item.order_date+`</td>
                            <td>`+item.address+`</td>
                            <td>`+item.type_name+`</td>
                            <td>`+item.emp_name+`</td>
                            <td>`+item.tel+`</td>
                            <td>`+item.title+`</td>
                            <td>`+item.content+`</td>
                            <td>`+item.status_info+`</td>
                        </tr>`;
                    }
                }
                $('#data').html(html)
            }
        })
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值