【代码】使用doT和pagination实现翻页和异步加载_JS/JQuery

使用doT和pagination实现翻页和异步加载

代码预览：https://www.ygmx.jp/demopage/dot-temp/dotpage.html

代码下载：http://down.ygmx.jp/files/sourcecode/dotpage.zip

运行截图

核心代码

var pageNo = 1;
        var pageSize = 5;
        var pageNode = $("#page");
        var tmplNode = $("#Messtmpl")[0];
        var total = 0;

        function initPage(page) {
            //由于传来的页码是索引，所以这里要+1
            pageNo = page+1;
            //数据的长度，一会翻页要用到
            total = arr.length;
            //进行分页
            var data = arrpagination(pageNo, pageSize, arr);
            //读取Dot内容，
            var ss = doT.template(tmplNode.text);
            //生成html代码
            var html = ss(data);
            $("#mainList").html(html);
            pageNode.pagination(total,{
                callback: initPage,
                linkto: "javascript:;",
                prev_text: "<",//上一页文字
                next_text: ">",//下一页文字
                items_per_page: pageSize,// 每页显示的条目数
                num_edge_entries: 1,//两侧首尾分页条目数
                num_display_entries: 2, //连续分页主体部分分页条目数
                current_page: page //当前页索引 



            });
        }