//页面
$('#table').datagrid({
method : 'GET',
url : 'http:www.baidu.com',
pagination : true,
pageSize : 10,
pageNumber : 0,
pageList : [ 10, 20, 30, 40, 50 ],
beforePageText : '第',
afterPageText : '页 共 {pages} 页',
displayMsg : '当前显示 {from} - {to} 条记录 共 {total} 条记录',
fit : true,
onBeforeLoad:function(param){
delete param.page;//这里删除默认page属性
},
columns:[[
{
field:'aa0',
title:'字段1',
width:'5%',
align:'center'
},{
field:'aa1',
title:'字段2',
width:'5%',
hidden:true,
align:'center'
},{
field:'aa2',
title:'字段3',
width:'5%',
align:'center'
},
...
]]
});
点击查询按钮
function searchClick()
{
var opt = $("#alarmTable").datagrid("options");
$("#alarmTable").datagrid('load',
{
'params1':$('#params1').val(),
'params2':$('#params2').val()，
'pageNumber':opt.pageNumber//这里可以自定义参数名，和服务器一致即可
}
);
}
//服务器端
@RequestMapping("getTableList")
public @ResponseBody Map<String, Object> getTableList(String pageNumber,String rows,String params1,String params2)
{
if(StringUtils.isBlank(pageNumber)){
pageNumber = "1";//这里为防止页面第一次初始化时的pageNuber为undefined情况
}
//去处理完后得到total和rows结果
map.put("total", total);//total键 存放总记录数，必须的
map.put("rows", rows);//rows键 存放每页记录 list
return map;
}