
一般的分页是在后台完成的,前端是不合适的,但有时也有这样的要求。
重点是在分页的监测和JS数组切片的方法,代码如下:
数据源表
var数据{ };
30 数据代码
对于(var i = 1;i < 31;+ i i){
Data.push({
id:i,
:学生+我
})
}
$(函数(){())
$(# DD)。Datagrid({
标题:测试本地分页
rownumbers:真,
FitColumns:真的,
分页:真,
数据:data.slice(0),
列:{
{
{场:'id',对齐:中心
{field:'name', align: center
}
}
});
VaR的寻呼机=美元(# DD)。Datagrid(getpager );
pager.pagination({
总:data.length,
OnSelectPage:功能(帕基诺,PageSize){
VaR的开始=(帕基诺- 1)* PageSize;
var =开始+ PageSize;
$(# DD)。Datagrid(加载所有
pager.pagination(刷新,{
总:data.length,
PageNumber:帕基诺
});
}
});
});
运行效果如下图所示:
希望本文能对大家的jQuery程序设计有所帮助。