天天看點

layui 表格前端分頁

一次請求所有資料,在前台進行分頁。在表格的parseDataFun函數中調用laypage.render()

laypage.render({
			elem: 'page',
			count: pageData.length,
			layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
			jump: function(obj, first) {
				//模拟渲染
				startPage = obj.curr; //頁碼
				pageSize = obj.limit; //每頁顯示條數
				var d = pageData.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
				Table.setTableData(table, "tableReload", d);
			}
		});
           
/**
 * 為表格指派資料
 */
Table.setTableData = function(table,id,data){
	table.reload(id, {
		parseData: function(res, curr, count) {
			return {
				"code": res.code,
				"msg": res.msg,
				"count": data.length,
				"data": data
			}
		}
	});
}