Asp.net EasyUI中的combogrid实现分页功能
2014-04-04 13:56
465 查看
在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:'店铺名称',width:150},
{field:'registtime',title:'注册时间',width: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用熟悉了也挺好用的。
这两个属性的名称在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:'店铺名称',width:150},
{field:'registtime',title:'注册时间',width: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用熟悉了也挺好用的。
相关文章推荐
- ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页
- asp.net分页功能实现
- ASP.NET MVC分页和排序功能实现
- 基于ASP.NET+easyUI框架实现图片上传功能(判断格式+即时浏览 )
- 基于ASP.NET+easyUI框架实现图片上传功能(表单)
- ASP.NET实现新闻页面的分页功能[生成静态版]
- ASP.NET调用Oracle分页存储过程并结合ASPnetpager分页控件 实现分页功能
- ASP.NET中Repeater控件实现分页功能
- 基于ASP.NET+easyUI框架实现图片上传功能(表单)
- ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页
- ASP.NET实现新闻页面的分页功能[生成静态版]
- Asp.net MVC 中利用jquery datatables 实现数据分页显示功能
- ASP.NET实现分页功能
- ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页
- c# asp.net 实现分页(pager)功能
- ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页
- ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页[转]
- ASP.NET - 自定义控件【第十天 实现分页功能的DataList(附该系列文章PDF版本)】
- ASP.NET中Repeater控件实现分页功能
- 基于ASP.NET+easyUI框架实现图片上传功能(判断格式+即时浏览 )