paginate


<div style="position:relative;margin:10px 0px;">
                           <div style="box-sizing:border-box;overflow: hidden;float:right;">
                            <div id="mainBusisPage"></div>
                        </div>
                        <div id="fourPage" style="box-sizing:border-box;overflow: hidden;float:right;">
                            <div class="pagegg"><span id="mainBusisTotalNuber" class="few">总条数: <em class="pageNum"></em></span><span id="mainBusisTotalPage" class="few">总页数:  <em class="pageNum"></em></span></div>
                        </div>
                    </div>

#mainBusisPage{
    box-sizing: border-box;
    display:none;
    
    margin-right: 66px;

 

function mainBusisPaginate(totalCount, pageSize) {
    
    if(totalCount==0) {
        var table = $('#mainBusisTable').DataTable( {
            "destroy":true,
              "retrieve":true

        } );

    }

    if($("#mainBusisPage").children().length > 0) {
        return true;
    }
    var pageCount = 1;
    var displayPageSize = pageSize;
    
    if(totalCount==0){
        $("#mainBusisPage").css("display","none");
    }
    if(totalCount>=1&&totalCount<=pageSize){
        $("#mainBusisPage").css("display","block");
        displayPageSize = 1;
    }
    if(totalCount> pageSize){
        $("#mainBusisPage").css("display","block");
        pageCount=Math.ceil(totalCount/pageSize);
        if(pageCount < pageSize) {
            displayPageSize = pageCount;
        }
    }
    $("#mainBusisPage").paginate({
        count:pageCount,
        start:1,
        display: displayPageSize,
        border: true,
        border_color: "#00c1de",
        text_color: "#000",
        background_color: "#fff",
        border_hover_color: "#00c1de",
        text_hover_color: "#fff",//设置鼠标滑向页码时页码的颜色。
        background_hover_color: "#00c1de",//设置鼠标滑向页码时页码背景的颜色。
        images: false,
        mouse: 'slide',
        onChange: function(current){
            

            //dosomething
        }
    }) ;
}

 

posted @ 2017-09-22 16:58  教父123  阅读(175)  评论(0编辑  收藏  举报