kkpager的注意事项

重要的两部分：

该 例子是每页，可以显示数据总个数及当前页面的编号， 和翻页跳转功能：

特别需要注意翻页的数据属性及页面重新设置

var assdiffPage = {
    pageNum: 1, //默认为第一页
    itemShow: function(bodyData) {

        var pageNum = assdiffPage.pageNum;     //初始页面 第一页
        var startItemNum = pageNum * 10 - 9;   //开始的序号item
        var endItemNum;                        //结束的序号item
        var bodyDataNum = bodyData.length;      //数据的总数量
        var totalPage;                          //总页码

        totalPage = Math.floor(bodyDataNum / 10) + 1;

        if (pageNum === totalPage) {
            endItemNum = bodyDataNum;
        }else{
             endItemNum = pageNum * 10
        }

        //添加插件没有的多余的Dom节点
        var itemNumHtml = '<span class="itemNum"></span>';
        $(".infoTextAndGoPageBtnWrap").append(itemNumHtml);

        $(".itemNum").text("Item " + startItemNum + " to " + endItemNum + " of " + bodyDataNum)
    },
    //主要是翻页的页码转化
    diffPageHtml: function(data, headData, bodyData) {

        var bodyDataNum = bodyData.length;

        //当前页数
        var currPage = assdiffPage.pageNum;
        var totalItemNum = bodyDataNum;
        var totalPage;

        totalPage = Math.floor(bodyDataNum / 10) + 1;

        kkpager.generPageHtml({
            pno: currPage，
            total: totalPage,
            initPage:function(pno,total){
            },
            lang: {
                firstPageText: '',
                firstPageTipText: '',
                lastPageText: '',
                lastPageTipText: '',
                prePageText: '',
                prePageTipText: '',
                nextPageText: '',
                nextPageTipText: '',
                totalPageBeforeText: '',
                totalPageAfterText: '',
                currPageBeforeText: 'Page ',
                currPageAfterText: '',
                totalInfoSplitStr: ' of ',
                totalRecordsBeforeText: '共',
                totalRecordsAfterText: '条数据',
                gopageBeforeText: '',
                gopageButtonOkText: 'GO',
                gopageAfterText: '',
                buttonTipBeforeText: '',
                buttonTipAfterText: ''
            },
            mode: 'click',
            click: function(n) {

                this.selectPage(n);

                //page重置为点击的 num, 再重新刷新/*更新页数翻页*/
                $("#kkpager").empty();
                assdiffPage.pageNum = n;           //动态刷新页码的变化继续执行
                assdiffPage.diffPageHtml(data, headData, bodyData);  //再分页
                assdiffPage.itemShow(bodyData);    //item  ,总行数

                if(totalPage !== 1){

                    $(".tHead").empty();
                    $(".tBody").empty();

                    fb(".tHead", headData, bodyData);
                    fb(".tBody", headData, bodyData);

                    $(".tableBody").mCustomScrollbar();

                    //图表
                    $(".transfer").children("p").removeClass("cricleShow");
                    $(".transfer").eq(0).children("p").addClass("cricleShow");

                    var className = "Multi-ObjectComparison";
                    commonFun.transferFun(className);  /*chart 隐藏*/
                    var defaultInput = $('.'+className+' .select3_input').attr("data-data");   

                     multiObjCom.getBarData(className,defaultInput,areaArr,areaId);

                    return false;
                }

            }
        },true);
    }
}