Question

jquery easyui 分页问题,采用本地分页

项目中我需要调用别人写好接口,接口是一下查出所有数据,不提供分页功能..现在需要将拿到的这些数据进行分页显示..jquery esayui 如何设置..
流程:数据访问-->拿到该条件所有数据-->回调给前台-->前台进行自动分页显示

Answer 1

不建议自己前台做分页，当数据量很大的时候，每次都要循环进行处理
不过如果你还是想要分页的，可以这么做
$('#datas').datagrid({
url: xx,//全部数据的接口

fit: true,
nowrap:false,
pagination:true,
pageSize:20,
loadFilter:pagerFilter
});
function pagerFilter(data){
if (typeof data.length == 'number' && typeof data.splice == 'function'){ // is array
data = {
total: data.length,
rows: data
}
}
var dg = $(this);
var opts = dg.datagrid('options');
var pager = dg.datagrid('getPager');
pager.pagination({
onSelectPage:function(pageNum, pageSize){
opts.pageNumber = pageNum;
opts.pageSize = pageSize;
pager.pagination('refresh',{
pageNumber:pageNum,
pageSize:pageSize
});
dg.datagrid('loadData',data);
}
});
if (!data.originalRows){
data.originalRows = (data.rows);
}
var start = (opts.pageNumber-1)*parseInt(opts.pageSize);
var end = start + parseInt(opts.pageSize);
data.rows = (data.originalRows.slice(start, end));
return data;
}

希望能够帮到你！