easyui java 分页_SpringMVC+MyBatis+EasyUI 实现分页查询

用户列表

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");//移除屏蔽

}

});

}