EasyUI中的combogrid实现分页功能

来源:互联网 发布:qt在linux下的安装 编辑:程序博客网 时间:2024/06/05 17:12

在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 PageNum= int.parse(Request["page"]);
//每一页多少条数据
int Record=int.parse(Request["rows"]);
//pageList是某一页的数据
var pageList=list.Skip(Record * (PageNum - 1)).Take(Record);