html异步翻页的列表,【代码】使用doT和pagination实现翻页和异步加载

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

运行截图

核心代码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 //当前页索引

});

}

微信扫码查看本文