ID
姓名
年龄
回到首页
page_init();
});functionpage_init() {
$("#dataTable").datagrid({
url:"listUserWithPageForJson",//actionName
queryParams:{pageNumber:2,pageSize:10},//查询参数
loadMsg:"正在加载数据...",
rownumbers:true,//查询结果在表格中显示行号
fitColumns:true,//列的宽度填满表格,防止下方出现滚动条。
pageNumber:2,//初始页码,得在这设置才效果,pagination设置没效果。
pagination:true//分页控件
//如果后端返回的json的格式直接是data={total:xx,rows:{xx}},不需要设置loadFilter了,
//如果有多层封装,比如data.jsonMap = {total:xx,rows:{xx}},则需要在loadFilter处理一下。
/*loadFilter: function(data){
if(data.jsonMap) {
return data.jsonMap;
}
}*/});varp=$(‘#dataTable‘).datagrid(‘getPager‘);
$(p).pagination({
pageSize:10,//每页显示的记录条数,默认为10
pageList: [5,10,15,20],//可以设置每页记录条数的列表
beforePageText:‘第‘,//页数文本框前显示的汉字
afterPageText:‘页 共 {pages} 页‘,
displayMsg:‘共 {total} 条记录‘,
onSelectPage:function(pageNumber, pageSize) {//分页触发
find(pageNumber, pageSize);
}
});
}functionfind(pageNumber, pageSize)
{
$("#dataTable").datagrid(‘getPager‘).pagination({pageSize : pageSize, pageNumber : pageNumber});//重置
$("#dataTable").datagrid("loading");//加屏蔽
$.ajax({
type :"POST",
dataType :"json",
url :"listUserWithPageForJson",
data : {
pageNumber : pageNumber,
pageSize : pageSize
},
success :function(data) {
$("#dataTable").datagrid(‘loadData‘,data);
$("#dataTable").datagrid("loaded");//移除屏蔽
},
error :function(err) {
$.messager.alert(‘操作提示‘,‘获取信息失败...请联系管理员!‘,‘error‘);
$("#dataTable").datagrid("loaded");//移除屏蔽
}
});
}