一、简介
jqGrid的参数详解:
名称 |
类型 |
描述 |
默认值 |
可修改 |
url |
string |
获取数据的地址 |
||
datatype |
string |
从服务器端返回的数据类型,默认xml。可选类型:xml,local,json,jsonnp,script,xmlstring,jsonstring,clientside |
||
mtype |
string |
ajax提交方式。POST或者GET,默认GET |
||
colNames |
Array |
列显示名称,是一个数组对象 |
||
colModel |
Array |
常用到的属性:name 列显示的名称;index 传到服务器端用来排序用的列名称;width 列宽度;align 对齐方式;sortable 是否可以排序 |
||
pager |
string |
定义翻页用的导航栏,必须是有效的html元素。翻页工具栏可以放置在html页面任意位置 |
||
rowNum |
int |
在grid上显示记录条数,这个参数是要被传递到后台 |
||
rowList |
array |
一个下拉选择框,用来改变显示记录数,当选择时会覆盖rowNum参数传递到后台 |
||
sortname |
string |
默认的排序列。可以是列名称或者是一个数字,这个参数会被提交到后台 |
||
viewrecords |
boolean |
定义是否要显示总记录数 |
||
caption |
string |
表格名称 |
||
ajaxGridOptions[a1] |
object |
对ajax参数进行全局设置,可以覆盖ajax事件 |
null |
是 |
object |
对ajax的select参数进行全局设置 |
null |
是 |
|
altclass |
String |
用来指定行显示的css,可以编辑自己的css文件,只有当altRows设为 ture时起作用 |
ui-priority-secondary |
|
altRows |
boolean |
设置表格 zebra-striped 值 |
||
autoencode |
boolean |
对url进行编码 |
false |
是 |
autowidth |
boolean |
如果为ture时,则当表格在首次被创建时会根据父元素比例重新调整表格宽度。如果父元素宽度改变,为了使表格宽度能够自动调整则需要实现函数:setGridWidth |
false |
否 |
cellLayout |
integer |
定义了单元格padding + border 宽度。通常不必修改此值。初始值为 |
5 |
是 |
cellEdit |
boolean |
启用或者禁用单元格编辑功能 |
false |
是 |
cellsubmit |
String |
定义了单元格内容保存位置 |
‘remote’ |
是 |
cellurl |
String |
单元格提交的url |
空值 |
是 |
datastr |
String |
xmlstring或者jsonstring |
空值 |
是 |
deselectAfterSort |
boolean |
只有当datatype为local时起作用。当排序时不选择当前行 |
true |
是 |
direction |
string |
表格中文字的显示方向,从左向右(ltr)或者从右向左(rtr) |
ltr |
否 |
editurl |
string |
定义对form编辑时的url |
空值 |
是 |
emptyrecords |
string |
当返回的数据行数为0时显示的信息。只有当属性 viewrecords 设置为ture时起作用 |
是 |
|
ExpandColClick |
boolean |
当为true时,点击展开行的文本时,treeGrid就能展开或者收缩,不仅仅是点击图片 |
true |
否 |
ExpandColumn |
string |
指定那列来展开tree grid,默认为第一列,只有在treeGrid为true时起作用 |
空值 |
否 |
footerrow[a3] |
boolean |
当为true时,会在翻页栏之上增加一行 |
false |
否 |
forceFit |
boolean |
当为ture时,调整列宽度不会改变表格的宽度。当shrinkToFit 为false时,此属性会被忽略 |
false |
否 |
gridstate |
string |
定义当前表格的状态:'visible' or 'hidden' |
visible |
否 |
gridview |
boolean |
构造一行数据后添加到grid中,如果设为true则是将整个表格的数据都构造完成后再添加到grid中,但treeGrid, subGrid, or afterInsertRow 不能用 |
false |
是 |
height |
mixed |
表格高度,可以是数字,像素值或者百分比 |
150 |
否 |
hiddengrid |
boolean |
当为ture时,表格不会被显示,只显示表格的标题。只有当点击显示表格的那个按钮时才会去初始化表格数据。 |
false |
否 |
hidegrid |
boolean |
启用或者禁用控制表格显示、隐藏的按钮,只有当caption 属性不为空时起效 |
true |
否 |
hoverrows |
boolean |
当为false时mouse hovering会被禁用 |
false |
是 |
jsonReader |
array |
描述json 数据格式的数组 |
否 |
|
lastpage |
integer |
只读属性,定义了总页数 |
0 |
否 |
lastsort |
integer |
只读属性,定义了最后排序列的索引,从0开始 |
0 |
否 |
loadonce |
boolean |
如果为ture则数据只从服务器端抓取一次,之后所有操作都是在客户端执行,翻页功能会被禁用 |
false |
否 |
loadtext |
string |
当请求或者排序时所显示的文字内容 |
Loading.... |
否 |
loadui |
string |
当执行ajax请求时要干什么。disable禁用ajax执行提示;enable默认,当执行ajax请求时的提示; block启用Loading提示,但是阻止其他操作 |
enable |
是 |
multikey |
string |
只有在multiselect设置为ture时起作用,定义使用那个key来做多选。shiftKey,altKey,ctrlKey |
空值 |
是 |
multiboxonly |
boolean |
只有当multiselect = true.起作用,当multiboxonly 为ture时只有选择checkbox才会起作用 |
false |
是 |
multiselect |
boolean |
定义是否可以多选 |
false |
否 |
multiselectWidth |
integer |
当multiselect为true时设置multiselect列宽度 |
20 |
否 |
page |
integer |
设置初始的页码 |
1 |
是 |
pagerpos |
string |
指定分页栏的位置 |
center |
否 |
pgbuttons |
boolean |
是否显示翻页按钮 |
true |
否 |
pginput |
boolean |
是否显示跳转页面的输入框 |
true |
否 |
pgtext |
string |
当前页信息 |
是 |
|
prmNames |
array |
Default valuesprmNames: {page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null} 当参数为null时不会被发到服务器端 |
none |
是 |
postData |
array |
此数组内容直接赋值到url上,参数类型:{name1:value1…} |
空array |
是 |
reccount |
integer |
只读属性,定义了grid中确切的行数。通常情况下与records属性相同,但有一种情况例外,假如rowNum=15,但是从服务器端返回的记录数是20,那么records值是20,但reccount值仍然为15,而且表格中也只显示15条记录。 |
0 |
否 |
recordpos |
string |
定义了记录信息的位置: left, center, right |
right |
否 |
records |
integer |
只读属性,定义了返回的记录数 |
none |
否 |
recordtext |
string |
显示记录数信息。{0} 为记录数开始,{1}为记录数结束。viewrecords为ture时才能起效,且总记录数大于0时才会显示此信息 |
|
|
resizeclass |
string |
定义一个class到一个列上用来显示列宽度调整时的效果 |
空值 |
否 |
rowList |
array |
一个数组用来调整表格显示的记录数,此参数值会替代rowNum参数值传给服务器端。 |
[] |
否 |
rownumbers |
boolean |
如果为ture则会在表格左边新增一列,显示行顺序号,从1开始递增。此列名为'rn'. |
false |
否 |
rownumWidth |
integer |
如果rownumbers为true,则可以设置column的宽度 |
25 |
否 |
savedRow |
array |
只读属性,只用在编辑模式下保存数据 |
空值 |
否 |
scroll |
boolean |
创建一个动态滚动的表格,当为true时,翻页栏被禁用,使用垂直滚动条加载数据,且在首次访问服务器端时将加载所有数据到客户端。当此参数为数字时,表格只控制可见的几行,所有数据都在这几行中加载 |
false |
否 |
scrollOffset |
integer |
设置垂直滚动条宽度 |
18 |
否 |
scrollrows |
boolean |
当为true时让所选择的行可见 |
false |
是 |
selarrrow |
array |
只读属性,用来存放当前选择的行 |
array |
否 |
selrow |
string |
只读属性,最后选择行的id |
null |
否 |
shrinkToFit |
boolean |
此属性用来说明当初始化列宽度时候的计算类型,如果为ture,则按比例初始化列宽度。如果为false,则列宽度使用colModel指定的宽度 |
true |
否 |
sortable |
boolean |
是否可排序 |
false |
否 |
sortname |
string |
排序列的名称,此参数会被传到后台 |
空字符串 |
是 |
sortorder |
string |
排序顺序,升序或者降序(asc or desc) |
asc |
是 |
subGrid |
boolean |
是否使用suggrid |
false |
否 |
subGridModel |
array |
subgrid模型 |
array |
否 |
subGridType |
mixed |
如果为空则使用表格的dataType |
null |
是 |
subGridUrl |
string |
加载subgrid数据的url,jqGrid会把每行的id值加到url中 |
空值 |
是 |
subGridWidth |
integer |
subgrid列的宽度 |
20 |
否 |
toolbar |
array |
表格的工具栏。数组中有两个值,第一个为是否启用,第二个指定工具栏位置(相对于body layer),如:[true,”both”] 。工具栏位置可选值:“top”,”bottom”, “both”. 如果工具栏在上面,则工具栏id为“t_”+表格id;如果在下面则为 “tb_”+表格id;如果只有一个工具栏则为 “t_”+表格id |
[false,''] |
否 |
totaltime |
integer |
只读属性,计算加载数据的时间。目前支持xml跟json数据 |
0 |
否 |
treedatatype |
mixed |
数据类型,通常情况下与datatype相同,不会变 |
null |
否 |
treeGrid |
boolean |
启用或者禁用treegrid模式 |
false |
否 |
treeGridModel |
string |
treeGrid所使用的方法 |
Nested |
否 |
treeIcons |
array |
树的图标,默认值:{plus:'ui-icon-triangle-1-e',minus:'ui-icon-triangle-1-s',leaf:'ui-icon-radio-off'} |
否 |
|
treeReader |
array |
扩展表格的colModel且加在colModel定义的后面 |
否 |
|
tree_root_level |
numeric |
r oot元素的级别, |
0 |
否 |
userData |
array |
从request中取得的一些用户信息 |
array |
否 |
userDataOnFooter |
boolean |
当为true时把userData放到底部,用法:如果userData的值与colModel的值相同,那么此列就显示正确的值,如果不等那么此列就为空 |
false |
是 |
viewrecords |
boolean |
是否要显示总记录数 |
false |
否 |
viewsortcols |
array |
定义排序列的外观跟行为。数据格式:[false,'vertical',true].第一个参数是说,是否都要显示排序列的图标,false就是只显示 当前排序列的图标;第二个参数是指图标如何显示,vertical:排序图标垂直放置,horizontal:排序图标水平放置;第三个参数指单击功 能,true:单击列可排序,false:单击图标排序。说明:如果第三个参数为false则第一个参数必须为ture否则不能排序 |
否 |
|
width |
number |
如果设置则按此设置为主,如果没有设置则按colModel中定义的宽度计算 |
none |
否 |
xmlReader |
array |
对xml数据结构的描述 |
否 |
二、jqGrid的loadonce方式
jqgrid有一种loadonce方式,后台一次提供所有数据,分页、排序都交给客户端自己去实现。这样对于数据量少的可以采用这种方式来提高效率。
前端代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OrderInfro.aspx.cs" Inherits="JqGridDemo.OrderInfro" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>jqgrid</title> <!--引入CSS--> <link href="themes/jquery-ui-1.9.2.custom.css" rel="stylesheet" /> <link href="themes/ui.jqgrid.css" rel="stylesheet" /> <!--引入JS--> <script src="scripts/jquery-1.8.3.js"></script> <script src="scripts/jquery-ui-1.9.2.custom.js"></script> <script src="scripts/jquery.jqGrid.min.js"></script> <script src="scripts/grid.locale-cn.js"></script> <script type="text/javascript"> $(function () { $("#gridTable").jqGrid({ url: 'MyOrder.ashx',//指定了请求的数据源 datatype: 'json',//数据源的格式-local、javascript、function、json、jsonstring、xml height: 150,//表格高度 rowNum: 10,//在Grid 显示记录条数,这个参数会被传递到后台 rowList: [10, 20, 30],//一个下拉选择框,用来改变显示记录数,当选择时会覆盖rowNum参数传递到后台 colNames: ['订单ID', '客户ID', '送货人', '下单时间'],//列显示名称,是一个数组对象 colModel: [ { name: 'OrderID', index: 'OrderID',100 }, { name: 'CustomerID', index: 'CustomerID', 100 }, { name: 'ShipName', index: 'ShipName', 160 }, { name: 'OrderDate', index: 'OrderDate', 160 } ],//常用到的属性:name 列显示的名称;index 传到服务器端用来排序用的列名称;width 列宽度;align 对齐方式;sortable 是否可以排序 loadonce: true,//如果为ture则数据只从服务器端抓取一次,之后所有操作都是在客户端执行,翻页功能会被禁用 sortname: 'OrderID',//排序列的名称,此参数会被传到后台 sortorder: 'asc',//排序顺序,升序或者降序(asc or desc) pager: '#gridPager',//定义翻页用的导航栏,必须是有效的html元素。翻页工具栏可以放置在html页面任意位置 viewrecords: true,//定义是否要显示总记录数 caption:'MyGrid' }); }) </script> </head> <body> <form id="form1" runat="server"> <table id="gridTable"> </table> <div id="gridPager"> </div> </form> </body> </html>
后台代码如下:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using BLL; using System.Data; using Newtonsoft.Json; namespace JqGridDemo { /// <summary> /// MyOrder 的摘要说明 /// </summary> public class MyOrder : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; Order OrderData=new Order (); DataTable dt=OrderData.GetOrderInfro(); //每页显示的记录数 int pagesizes=10; //记录总数 int rowNums=dt.Rows.Count; //列数 int colNums=dt.Columns.Count; //总页数 int PageCount=rowNums%pagesizes==0?rowNums/pagesizes:rowNums/pagesizes+1; IList<object> resultobjs=new List<object>(); int ID=1; foreach(DataRow dw in dt.Rows) { var cellValue=new string[colNums]; for(int i=0;i<cellValue.Length;i++) { cellValue[i]=dw[i].ToString(); } var resultObs=new { id=ID, cell=cellValue }; resultobjs.Add(resultObs); ID++; } var resultobj = new { total=PageCount, //总页数 page=1,//当前页码 records =rowNums,//总记录数 rows = resultobjs //数据 }; //将resultobj序列化为json数据格式 string json = JsonConvert.SerializeObject(resultobj); context.Response.Write(json); } public bool IsReusable { get { return false; } } } }
这里要注意的是:
比较关键的属性出现了,jsonReader
上面的实现方式是采用了默认的json解析方式,后台代码是完全按照默认的格式生成对应的json数据。
默认的格式为
当没有提供jsonReader时,提供的json格式应该是下面这种形式:
这样就必须指定 total、page、records以及rows属性,rows里面还包括id、Cell属性,cell属性里面仅仅是单元格的值,不能包括列名。
最终效果图:
2、接下来 我们来按照自定义的jsonReader格式来加载数据。
通常情况下我们提供的json数据格式如下:
{ "pagecount":10, "pageindex":1, "total":100, "rows":[ { "id":1, "name":"keepfool" }, { "id":2, "name":"pai" } ... ] }
pagecount 表示数据总页数、pageindex 表示单前页码,total表示记录数,rows 表示记录。这样前端的jsonReader格式就得改写,并且后台提供的json数据格式也得做修改。
代码如下:
jsonReader: { root: "rows", page: "pageindex", total: "pagecount", records: "total", repeatitems: false, id: "0" }
请注意这里的repeatitems属性,当repeatitems=false时jqgrid会根据返回的json数据搜索对应的列名,这个列名对应colNames中的name值。
前端:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OrderInfro.aspx.cs" Inherits="JqGridDemo.OrderInfro" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>jqgrid</title> <!--引入CSS--> <link href="themes/jquery-ui-1.9.2.custom.css" rel="stylesheet" /> <link href="themes/ui.jqgrid.css" rel="stylesheet" /> <!--引入JS--> <script src="scripts/jquery-1.8.3.js"></script> <script src="scripts/jquery-ui-1.9.2.custom.js"></script> <script src="scripts/jquery.jqGrid.min.js"></script> <script src="scripts/grid.locale-cn.js"></script> <script type="text/javascript"> $(function () { $("#gridTable").jqGrid({ url: 'MyOrder.ashx',//指定了请求的数据源 datatype: 'json',//数据源的格式-local、javascript、function、json、jsonstring、xml height: 150,//表格高度 rowNum: 10,//在Grid 显示记录条数,这个参数会被传递到后台 rowList: [10, 20, 30],//一个下拉选择框,用来改变显示记录数,当选择时会覆盖rowNum参数传递到后台 colNames: ['订单ID', '客户ID', '送货人', '下单时间'],//列显示名称,是一个数组对象 colModel: [ { name: 'OrderID', index: 'OrderID',100 }, { name: 'CustomerID', index: 'CustomerID', 100 }, { name: 'ShipName', index: 'ShipName', 160 }, { name: 'OrderDate', index: 'OrderDate', 160 } ],//常用到的属性:name 列显示的名称;index 传到服务器端用来排序用的列名称;width 列宽度;align 对齐方式;sortable 是否可以排序 jsonReader: { root: 'Data', page: 'pageindex', total: 'pagecount', records: 'total', repeatitems:false, id: 0 }, loadonce: true,//如果为ture则数据只从服务器端抓取一次,之后所有操作都是在客户端执行,翻页功能会被禁用 sortname: 'OrderID',//排序列的名称,此参数会被传到后台 sortorder: 'asc',//排序顺序,升序或者降序(asc or desc) pager: '#gridPager',//定义翻页用的导航栏,必须是有效的html元素。翻页工具栏可以放置在html页面任意位置 viewrecords: true,//定义是否要显示总记录数 caption:'MyGrid' }); }) </script> </head> <body> <form id="form1" runat="server"> <table id="gridTable"> </table> <div id="gridPager"> </div> </form> </body> </html>
后台:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using BLL; using System.Data; using Newtonsoft.Json; using Component.Model; namespace JqGridDemo { /// <summary> /// MyOrder 的摘要说明 /// </summary> public class MyOrder : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; Order OrderData=new Order (); DataTable dt=OrderData.GetOrderInfro(); //每页显示的记录数 int pagesizes=10; //记录总数 int rowNums=dt.Rows.Count; //列数 int colNums=dt.Columns.Count; //总页数 int PageCount=rowNums%pagesizes==0?rowNums/pagesizes:rowNums/pagesizes+1; var resultobj = new DataResult { //总页数 PageCount = PageCount, //当前页 PageIndex=1, //总记录数 total = rowNums, //数据 rows=dt }; //将resultobj序列化为json数据格式 string objs = JsonConvert.SerializeObject(resultobj); context.Response.Write(objs); } public bool IsReusable { get { return false; } } } }
下面再介绍一种jsonReader用法,这种用法是函数形式的:
jsonReader: { repeatitems: false, root: function (obj) { return obj.rows; }, page: function (obj) { return obj.pageindex; }, total: function (obj) { return obj.pagecount; }, records: function(obj) { return obj.total; } },
观察一下上面所提供的寻常json写法,你会发现json数据对象里面包含rows, pageindex, pagecount,total属性,而后台输出到前端的function函数中得到的是obj对象,那么用obj.rows, obj.pageindex, obj.pagecount, obj.total就会觉得一目了然。
三、jqGrid的loadonce=false方式
上面的分页和排序都是因为loadOnce=true而让客户端帮助做了很多事,这种方式只适用于数据量少时。可是当数据量比较大时,不仅会让数据加载的很慢还有可能出现Bug。
要解决这个问题,可以把分页的事情交给服务器端来实现,而不是一次性的丢给客户端客,客户端请求那一页的数据就加载哪一页的数据。到这里一个比较关键的属性(prmNames)就起到作用了。
一般不用prmNames默认的格式,而是采用下面的这种形式:
prmNames: { page: 'PageNumber', rows: 'PageSize', sort: 'OrderBy', order: 'Sort' }
那么客户端发起请求时的链接可能就是这样的:mydata.ashx?PageNumber=1&PageSize=10&OrderBy=OrderID&Sort=desc
在后台就必须有一段代码来获取这些参数值,然后从数据库中读取对应的数据最后加载到客户端。
1、分页存储过程如下:
create proc SP_GetOrdersByPage ( @PageSize int, @PageIndex int, @Where nvarchar(1000), @OrderBy nvarchar(50), @Sort varchar(4), @Total int output ) as declare @startRow int,@endRow int --起始行索引 select @startRow = @PageSize*(@PageIndex -1) + 1 --结束行索引 select @endRow = @startRow + @PageSize - 1 --查询结果集sql declare @query_sql nvarchar(2000) --查询记录数sql declare @count_sql nvarchar(2000) set @query_sql = 'select OrderID,CustomerID,ShipName,OrderDate from (select row_number() over(order by ' + @OrderBy + ' ' + @Sort +' ) as rowid, OrderID,CustomerID,ShipName,OrderDate from Orders where 1 = 1 ' + @Where + ') as Results where rowid >='+ str(@startRow) + ' and rowid <=' + str(@endRow) set @count_sql = 'select @Total = count(OrderID) from Orders where 1 = 1' + @Where print @query_sql exec sp_executesql @count_sql,N'@Total int output', @Total output exec sp_executesql @query_sql go declare @Total int exec SP_GetOrdersByPage 10,2,'','OrderID','desc',@Total output
2、还提供了一个类来专门管理参数
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Data.SqlClient; using System.Data; namespace Component.Model { public class PageParam { //页码 public int PageIndex { get; set;} //每页显示记录数 public int PageCount { get; set;} //排序字段 public string SortName { get; set;} //排序方式 public string SortStyle { get; set;} //查询条件 public string Where { get; set;} //存储过程名称 public string ProduceName { get; set;} //总记录数,为输出参数 public int total { get { if(_param.Count>0) { return (int)_param[5].Value; } return 0; } } //存储过程参数 IList<SqlParameter> _param=new List<SqlParameter>(); public SqlParameter[] ProducePara { get { if(_param.Count==0) { _param.Add(new SqlParameter("PageIndex", PageIndex)); _param.Add(new SqlParameter("PageSize", PageCount)); _param.Add(new SqlParameter("OrderBy", SortName)); _param.Add(new SqlParameter("Where",Where)); _param.Add(new SqlParameter("Sort", SortStyle)); //输出参数初始化 var OutputTotal = new SqlParameter { Direction = ParameterDirection.Output, ParameterName = "Total", DbType = DbType.Int32, Size = 4 }; _param.Add(OutputTotal); } return _param.ToArray(); } } } }
3、这里为了体现分层的思想,将业务处理另作为一层
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Data; using Power.DataProvider; using Component.Utility; using Component.Model; using Newtonsoft.Json; namespace BLL { public class Order { //获取数据库连接字符串 string constr = Common.GetSqlConnString(); IProvider db = null; public Order() { try { db = new SqlProvider(constr); } catch(Exception ex) { Common.Log(ex.Message); } } /// <summary> /// 获取订单信息 /// </summary> /// <returns></returns> public string GetOrderInfro(PageParam P) { DataTable dt = db.ExecuteDataTable(P.ProduceName,P.ProducePara); //计算总页数 int pageNum = P.total % P.PageCount == 0 ? P.total / P.PageCount : P.total / P.PageCount + 1; var dataresult = new { Data=dt, PageIndex=P.PageIndex, pagecount = pageNum, total=P.total }; string obj=JsonConvert.SerializeObject(dataresult); return obj; } } }
4、用了一般处理程序来处理分页
using System; using System.Collections.Generic; using System.Linq; using System.Web; using BLL; using System.Data; using Newtonsoft.Json; using Component.Model; namespace JqGridDemo { /// <summary> /// MyOrder 的摘要说明 /// </summary> public class MyOrder : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; //创建一个PagePara对象并用传递过来的参数初始化 var pagePara = new PageParam { PageIndex = int.Parse(context.Request["PageIndex"]),//页码 PageCount = int.Parse(context.Request["PageSize"]),//每页显示的数据条数 SortName = context.Request["OrderBy"],//排序字段 SortStyle = context.Request["Sort"], Where=string.Empty, ProduceName = context.Request["prodName"] }; Order OrderInfro = new Order(); context.Response.Write(OrderInfro.GetOrderInfro(pagePara)); } public bool IsReusable { get { return false; } } } }
四、总结
到这里一个简单的使用Jqgrid展示数据并带分页的功能就实现了。