在jquery.easyUI.js 要实现分页,必须在后台接收参数时声明两个变量:page(当前第几页),rows(每页显示多少条信息),否者easyUI前台传递不了分页参数。
这两个属性的名称在easyUI里面定义的。
1、前台JS代码
$('#shopId').combogrid({
panelWidth:400,
idField:'id', //ID字段
textField:'name', //显示的字段
url:"management/commodityCheck/check_doShopsBySid",
fitColumns: true,
striped: true,
editable:true,
pagination : true,//是否分页
rownumbers:true,//序号
collapsible:false,//是否可折叠的
fit: true,//自动大小
pageSize: 10,//每页显示的记录条数,默认为10
pageList: [10],//可以设置每页记录条数的列表
method:'post',
columns:[[
{field:'name',title:'店铺名称',150},
{field:'registtime',title:'注册时间',150}
]]
});
2、后台程序代码C#
int pageNo = int.Parse(context.Request.Params["page"]);
int pageSize = int.Parse(context.Request.Params["rows"]);
string wheresql = string.Empty;
if (context.Request.Params["q"] != "" && context.Request.Params["q"] != null)
{
wheresql = string.Format(" nodeName like'{0}%' ", context.Request.Params["q"]);
}
else
{
wheresql = " 1=1 ";
}
获得了页数和每页显示多少 接下来分页代码就不用我写了吧!easyui用熟悉了也挺好用的。