【JqGrid】API系列-参数详解

一时失言乱红尘 2022-07-14 04:48 128阅读 0赞

# jqGrid皮肤 #

从3.5版本开始，jqGrid完全支持jquery UI的theme。我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme。当然，你也可以编辑自己的theme。jqGrid   
也并不需要把所有的css文件都引入进来，只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可，文件位于目录development-bundle/themes下。

# jqGrid原理 #

jqGrid是典型的B/S架构，服务器端只是提供数据管理，客户端只提供数据显示。换句话说，jqGrid可以以一种更加简单的方式来展现你数据库的信息，而且也可以把客户端数据传回给服务器端。   
对于jqGrid我们所关心的就是：必须有一段代码把一些页面信息保存到数据库中，而且也能够把响应信息返回给客户端。jqGrid是用ajax来实现对请求与响应的处理。

# jqGrid参数 #

<table style="border:1px solid silver; border-collapse:collapse; word-break:break-word; color:rgb(0,0,0); font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:13px"> 
 <tbody> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 名称 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 类型 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 描述 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 默认值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 可修改 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> url </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 获取数据的地址 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> datatype </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 从服务器端返回的数据类型，默认xml。可选类型：xml，local，json，jsonnp，script，xmlstring，jsonstring，clientside </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> mtype </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> ajax提交方式。POST或者GET，默认GET </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> colNames </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> Array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 列显示名称，是一个数组对象 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> colModel </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> Array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 常用到的属性：name&nbsp;列显示的名称；index&nbsp;传到服务器端用来排序用的列名称；width&nbsp;列宽度；align&nbsp;对齐方式；sortable&nbsp;是否可以排序 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> pager </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义翻页用的导航栏，必须是有效的html元素。翻页工具栏可以放置在html页面任意位置 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> rowNum </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> int </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 在grid上显示记录条数，这个参数是要被传递到后台 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> rowList </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 一个下拉选择框，用来改变显示记录数，当选择时会覆盖rowNum参数传递到后台 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> sortname </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 默认的排序列。可以是列名称或者是一个数字，这个参数会被提交到后台 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> viewrecords </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义是否要显示总记录数 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> caption </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 表格名称 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> ajaxGridOptions<a href="http://www.blogjava.net/ilovebabyfat/archive/2012/04/06/373456.html#_msocom_1" style="color:navy; text-decoration:none" rel="nofollow"></a>[a1]&nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> object </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 对ajax参数进行全局设置，可以覆盖ajax事件 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> null </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> ajaxSelectOptions<a href="http://www.blogjava.net/ilovebabyfat/archive/2012/04/06/373456.html#_msocom_2" style="color:navy; text-decoration:none" rel="nofollow"></a>[a2]&nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> object </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 对ajax的select参数进行全局设置 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> null </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> altclass </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> String </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 用来指定行显示的css，可以编辑自己的css文件，只有当altRows设为&nbsp;ture时起作用 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> ui-priority-secondary </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> altRows </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 设置表格&nbsp;zebra-striped&nbsp;值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> autoencode </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 对url进行编码 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> autowidth </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 如果为ture时，则当表格在首次被创建时会根据父元素比例重新调整表格宽度。如果父元素宽度改变，为了使表格宽度能够自动调整则需要实现函数：setGridWidth </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> cellLayout </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义了单元格padding + border&nbsp;宽度。通常不必修改此值。初始值为 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 5 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> cellEdit </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 启用或者禁用单元格编辑功能 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> cellsubmit </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> String </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义了单元格内容保存位置 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> ‘remote’ </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> cellurl </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> String </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 单元格提交的url </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> datastr </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> String </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> xmlstring或者jsonstring </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> deselectAfterSort </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只有当datatype为local时起作用。当排序时不选择当前行 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> true </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> direction </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 表格中文字的显示方向，从左向右（ltr）或者从右向左（rtr） </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> ltr </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> editurl </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义对form编辑时的url </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> emptyrecords </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当返回的数据行数为0时显示的信息。只有当属性&nbsp;viewrecords&nbsp;设置为ture时起作用 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> ExpandColClick </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当为true时，点击展开行的文本时，treeGrid就能展开或者收缩，不仅仅是点击图片 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> true </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> ExpandColumn </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 指定那列来展开tree grid，默认为第一列，只有在treeGrid为true时起作用 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> footerrow<a href="http://www.blogjava.net/ilovebabyfat/archive/2012/04/06/373456.html#_msocom_3" style="color:navy; text-decoration:none" rel="nofollow"></a>[a3]&nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当为true时，会在翻页栏之上增加一行 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> forceFit </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当为ture时，调整列宽度不会改变表格的宽度。当shrinkToFit&nbsp;为false时，此属性会被忽略 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> gridstate </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义当前表格的状态：'visible' or 'hidden' </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> visible </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> gridview </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 构造一行数据后添加到grid中，如果设为true则是将整个表格的数据都构造完成后再添加到grid中，但treeGrid, subGrid, or afterInsertRow&nbsp;不能用 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> height </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> mixed </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 表格高度，可以是数字，像素值或者百分比 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 150 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> hiddengrid </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当为ture时，表格不会被显示，只显示表格的标题。只有当点击显示表格的那个按钮时才会去初始化表格数据。 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> hidegrid </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 启用或者禁用控制表格显示、隐藏的按钮，只有当caption&nbsp;属性不为空时起效 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> true </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> hoverrows </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当为false时mouse hovering会被禁用 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> jsonReader </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 描述json&nbsp;数据格式的数组 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> lastpage </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只读属性，定义了总页数 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 0 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> lastsort </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只读属性，定义了最后排序列的索引，从0开始 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 0 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> loadonce </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 如果为ture则数据只从服务器端抓取一次，之后所有操作都是在客户端执行，翻页功能会被禁用 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> loadtext </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当请求或者排序时所显示的文字内容 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> Loading.... </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> loadui </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当执行ajax请求时要干什么。disable禁用ajax执行提示；enable默认，当执行ajax请求时的提示；&nbsp;block启用Loading提示，但是阻止其他操作 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> enable </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> multikey </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只有在multiselect设置为ture时起作用，定义使用那个key来做多选。shiftKey，altKey，ctrlKey </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> multiboxonly </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只有当multiselect = true.起作用，当multiboxonly&nbsp;为ture时只有选择checkbox才会起作用 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> multiselect </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义是否可以多选 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> multiselectWidth </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当multiselect为true时设置multiselect列宽度 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 20 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> page </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 设置初始的页码 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 1 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> pagerpos </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 指定分页栏的位置 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> center </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> pgbuttons </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是否显示翻页按钮 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> true </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> pginput </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是否显示跳转页面的输入框 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> true </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> pgtext </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当前页信息 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> prmNames </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> Default valuesprmNames: {page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null}&nbsp;当参数为null时不会被发到服务器端 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> none </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> postData </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 此数组内容直接赋值到url上，参数类型：{name1:value1…} </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> reccount </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只读属性，定义了grid中确切的行数。通常情况下与records属性相同，但有一种情况例外，假如rowNum=15，但是从服务器端返回的记录数是20，那么records值是20，但reccount值仍然为15，而且表格中也只显示15条记录。 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 0 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> recordpos </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义了记录信息的位置：&nbsp;left, center, right </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> right </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> records </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只读属性，定义了返回的记录数 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> none </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> recordtext </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 显示记录数信息。{0}&nbsp;为记录数开始，{1}为记录数结束。viewrecords为ture时才能起效，且总记录数大于0时才会显示此信息 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> resizeclass </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义一个class到一个列上用来显示列宽度调整时的效果 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> rowList </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 一个数组用来调整表格显示的记录数，此参数值会替代rowNum参数值传给服务器端。 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> [] </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> rownumbers </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 如果为ture则会在表格左边新增一列，显示行顺序号，从1开始递增。此列名为'rn'. </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> rownumWidth </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 如果rownumbers为true，则可以设置column的宽度 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 25 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> savedRow </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只读属性，只用在编辑模式下保存数据 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> scroll </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 创建一个动态滚动的表格，当为true时，翻页栏被禁用，使用垂直滚动条加载数据，且在首次访问服务器端时将加载所有数据到客户端。当此参数为数字时，表格只控制可见的几行，所有数据都在这几行中加载 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> scrollOffset </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 设置垂直滚动条宽度 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 18 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> scrollrows </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当为true时让所选择的行可见 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> selarrrow </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只读属性，用来存放当前选择的行 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> selrow </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只读属性，最后选择行的id </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> null </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> shrinkToFit </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 此属性用来说明当初始化列宽度时候的计算类型，如果为ture，则按比例初始化列宽度。如果为false，则列宽度使用colModel指定的宽度 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> true </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> sortable </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是否可排序 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> sortname </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 排序列的名称，此参数会被传到后台 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空字符串 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> sortorder </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 排序顺序，升序或者降序（asc or desc） </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> asc </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> subGrid </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是否使用suggrid </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> subGridModel </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> subgrid模型 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> subGridType </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> mixed </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 如果为空则使用表格的dataType </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> null </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> subGridUrl </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 加载subgrid数据的url，jqGrid会把每行的id值加到url中 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 空值 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> subGridWidth </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> subgrid列的宽度 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 20 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> toolbar </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 表格的工具栏。数组中有两个值，第一个为是否启用，第二个指定工具栏位置（相对于body layer），如：[true,”both”]&nbsp;。工具栏位置可选值：“top”,”bottom”, “both”.&nbsp;如果工具栏在上面，则工具栏id为“t_”+表格id；如果在下面则为&nbsp;“tb_”+表格id；如果只有一个工具栏则为&nbsp;“t_”+表格id </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> [false,''] </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> totaltime </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> integer </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 只读属性，计算加载数据的时间。目前支持xml跟json数据 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 0 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> treedatatype </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> mixed </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 数据类型，通常情况下与datatype相同，不会变 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> null </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> treeGrid </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 启用或者禁用treegrid模式 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> treeGridModel </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> string </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> treeGrid所使用的方法 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> Nested </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> treeIcons </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 树的图标，默认值：{plus:'ui-icon-triangle-1-e',minus:'ui-icon-triangle-1-s',leaf:'ui-icon-radio-off'} </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> treeReader </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 扩展表格的colModel且加在colModel定义的后面 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> tree_root_level </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> numeric </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> r oot元素的级别， </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 0 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> userData </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 从request中取得的一些用户信息 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> userDataOnFooter </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 当为true时把userData放到底部，用法：如果userData的值与colModel的值相同，那么此列就显示正确的值，如果不等那么此列就为空 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> viewrecords </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> boolean </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 是否要显示总记录数 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> false </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> viewsortcols </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 定义排序列的外观跟行为。数据格式：[false,'vertical',true].第一个参数是说，是否都要显示排序列的图标，false就是只显示&nbsp;当前排序列的图标；第二个参数是指图标如何显示，vertical：排序图标垂直放置，horizontal：排序图标水平放置；第三个参数指单击功&nbsp;能，true：单击列可排序，false：单击图标排序。说明：如果第三个参数为false则第一个参数必须为ture否则不能排序 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> width </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> number </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 如果设置则按此设置为主，如果没有设置则按colModel中定义的宽度计算 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> none </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 <tr> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> xmlReader </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> array </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 对xml数据结构的描述 </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> &nbsp; </td> 
 <td style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; border:1px solid silver; border-collapse:collapse; padding:3px"> 否 </td> 
 </tr> 
 </tbody> 
</table>

# Jqgrid学习 -------ColModel API #

ColModel 是jqGrid里最重要的一个属性，设置表格列的属性。

# Jqgrid学习 -------数据 #

jqGrid可支持的数据类型：xml、json、jsonp、local or clientSide、xmlstring、jsonstring   
、script、function (…)。

## Json数据 ##

需要定义jsonReader来跟服务器端返回的数据做对应，其默认值：

· jsonReader : \{

·      root: "rows",

·      page: "page",

·      total: "total",

·      records: "records",

·      repeatitems: true,

·      cell: "cell",

·      id: "id",

·      userdata: "userdata",

·      subgrid: \{root:"rows",

·         repeatitems: true,

·        cell:"cell"

·      \}

这样服务器端返回的数据格式：

· \{

·   total: "xxx",

·   page: "yyy",

·   records: "zzz",

·   rows : \[

·     \{id:"1", cell:\["cell11", "cell12", "cell13"\]\},

·     \{id:"2", cell:\["cell21", "cell22", "cell23"\]\},

·       ...

·   \]

· \}

jsonReader的属性

自定义：

· jQuery("\#gridid").jqGrid(\{

· ...

·    jsonReader : \{

·       root:"invdata",

·       page: "currpage",

·       total: "totalpages",

·       records: "totalrecords",

·       cell: "invrow"

·    \},

· ...

· \});

· totalpages: "xxx",

·   currpage: "yyy",

·   totalrecords: "zzz",

·   invdata : \[

·     \{id:"1", invrow:\["cell11", "cell12", "cell13"\]\},

·     \{id:"2", invrow:\["cell21", "cell22", "cell23"\]\},

·       ...

·   \]

repeatitems   
  指明每行的数据是可以重复的，如果设为false，则会从返回的数据中按名字来搜索元素，这个名字就是colModel中的名字

· jsonReader : \{

·       root:"invdata",

·       page: "currpage",

·       total: "totalpages",

·       records: "totalrecords",

·       repeatitems: false,

·       id: "0"

·    \}

·  totalpages: "xxx",

·   currpage: "yyy",

·   totalrecords: "zzz",

·   invdata : \[

·     \{invid:"1",invdate:"cell11", amount:"cell12", tax:"cell13", total:"1234", note:"somenote"\},

·     \{invid:"2",invdate:"cell21", amount:"cell22", tax:"cell23", total:"2345", note:"some note"\},

·       ...

·   \]

此例中，id属性值为“invid”。   
一旦当此属性设为false时，我们就不必把所有在colModel定义的name值都赋值。因为是按name来进行搜索元素的，所以他的排序也不是按colModel中指定的排序结果。

用户数据（user data）   
在某些情况下，我们需要从服务器端返回一些参数但并不想直接把他们显示到表格中，而是想在别的地方显示，那么我们就需要用到userdata标签

· jsonReader: \{

·   ...

·   userdata: "userdata",

·   ...

· \}

· \{

·   total: "xxx",

·   page: "yyy",

·   records: "zzz",

·   userdata: \{totalinvoice:240.00, tax:40.00\},

·   rows : \[

·     \{id:"1", cell:\["cell11", "cell12", "cell13"\]\},

·     \{id:"2", cell:\["cell21", "cell22", "cell23"\]\},

·     ...

·   \]

· \}

在客户端我们可以有下面两种方法得到这些额外信息：

1.      jQuery("grid\_id").getGridParam('userData')

2.      jQuery("grid\_id").getUserData()

3.      jQuery("grid\_id").getUserDataItem( key )

# Jqgrid学习 -------事件 #

· var lastSel;

· jQuery("\#gridid").jqGrid(\{

· ...

·    onSelectRow: function(id)\{

·       if(id && id!==lastSel)\{

·          jQuery('\#gridid').restoreRow(lastSel);

·          lastSel=id;

·       \}

·       jQuery('\#gridid').editRow(id, true);

·    \},

· ...

· \})

# Jqgrid学习 -------方法 #

jqGrid的方法，从3.6开始已经完全兼容jQuery UI库。

jQuery("\#grid\_id").jqGridMethod( parameter1,...parameterN );

jQuery("\#grid\_id").setGridParam(\{...\}).hideCol("somecol").trigger("reloadGrid");

如果使用新的API：

jQuery("\#grid\_id").jqGrid('method', parameter1,...parameterN );

jQuery("\#grid\_id").jqGrid('setGridParam',\{...\}).jqGrid('hideCol',"somecol").trigger("reloadGrid");

jqGrid配置使用新的api

· <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

· <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

· <head>

· <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

· <title>My First Grid</title>

· <link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />

· <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

· <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

· <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>

· <script type="text/javascript">

·     jQuery.jgrid.no\_legacy\_api = true;

· </script>

· <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

· </head>

· <body>

· ...

· </body>

· </html>

jqGrid方法

jqGrid的通用方法和设置   
这些方法并不和jqGrid对象绑定，可以随意使用：

jQuery.jgrid.jqGridFunction( parameter1,...parameterN );

jqGrid的方法

# Jqgrid学习 -------配置 json #

IE8，FF3以及Chrome 3已经支持JSON，配置：

· <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

· <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

· <head>

· <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

· <title>My First Grid</title>

· <link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />

· <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

· <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

· <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>

· <script type="text/javascript">

·     jQuery.jgrid.useJSON = true;

· </script>

· <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

· </head>

· <body>

· ...

· </body>

· </html>

这段代码要放到语言包之后jqGrid.js文件之前。   
如果浏览器不支持JSON，那么我们只能用eval函数解析json。

除了jqGrid本身提供对json的类库外，我们可以使用JSON.parse来处理JSON，配置如下：

· <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

· <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

· <head>

· <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

· <title>My First Grid</title>

· <link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />

· <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

· <script src="js/json2.js" type="text/javascript"></script>

· <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

· <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>

· <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

· <script type="text/javascript">

·    jQuery.extend(jQuery.jgrid,\{

·       parse:function(jsstring) \{

·          return JSON.parse(jsstring);

·       \}

·    \});

· </script>

· </head>

· <body>

· ...

· </body>

· </html>

# Jqgrid学习 -------翻页 #

jqGrid的翻页要定义在html里，通常是在grid的下面，且是一个div对象：

· <table id="list"></table>

·    <div id="gridpager"></div>

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    pager : '\#gridpager',

· ...

· \});

不必给翻页设置任何的css属性。在jqGrid里定义的翻页可以是：:pager : '\#gridpager', pager : 'gridpager' or pager : jQuery('\#gridpager'). 推荐使用前两个，当使用其他方式时jqGrid的导入导出功能时会引起错误。

导航栏的属性：

· $.jgrid = \{

·     defaults : \{

·         recordtext: "View \{0\} - \{1\} of \{2\}",

·             emptyrecords: "No records to view",

·         loadtext: "Loading...",

·         pgtext : "Page \{0\} of \{1\}"

·     \},

· ...

· \}

如果想改变这些设置：

1．   jQuery.extend(jQuery.jgrid.defaults,\{emptyrecords: "Nothing to display",...\});

2．    jQuery("\#grid\_id").jqGrid(\{

...

pager : '\#gridpager',

emptyrecords: "Nothing to display",

...

\});

导航栏的属性：

jQuery("\#grid\_id").setGridParam(\{rowNum:10\}).trigger("reloadGrid");

跟翻页相关的事件只有一个：onPaging

jqGrid的翻页导航是一个方法，你可以事先定义一些其他操作，比如：编辑、新增、删除及搜索。也可以增加自定义的函数。导航工具栏是定义到翻页控件上的。定义如下：

· <body>

· ...

·    <table id="list"></table>

·    <div id="gridpager"></div>

· ...

· </body>

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    pager : '\#gridpager',

· ...

· \});

· jQuery("\#grid\_id").navGrid('\#gridpager',\{parameters\},prmEdit, prmAdd, prmDel, prmSearch, prmView);

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    pager : '\#gridpager',

· ...

· \});

· jQuery("\#grid\_id").jqGrid('navGrid','\#gridpager',\{parameters\},prmEdit, prmAdd, prmDel, prmSearch, prmView);

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    pager : '\#gridpager',

· ...

· \}).navGrid('\#gridpager',\{parameters\}, prmEdit, prmAdd, prmDel, prmSearch, prmView);

· ...

grid\_id ：表格id   
gridpager ：导航栏id   
parameters ：参数列表   
prmEdit, prmAdd, prmDel, prmSearch, prmView ：事件

· $.jgrid = \{

· ...

·    search : \{

·      caption: "Search...",

·      Find: "Find",

·      Reset: "Reset",

·      odata : \['equal', 'not equal', 'less', 'less or equal','greater','greater or equal', 'begins with','does not begin with','is in','is not in','ends with','does not end with','contains','does not contain'\],

·      groupOps: \[ \{ op: "AND", text: "all" \}, \{ op: "OR", text: "any" \} \],

·      matchText: " match",

·      rulesText: " rules"

·    \},

·    edit : \{

·      addCaption: "Add Record",

·      editCaption: "Edit Record",

·      bSubmit: "Submit",

·      bCancel: "Cancel",

·      bClose: "Close",

·      saveData: "Data has been changed! Save changes?",

·      bYes : "Yes",

·      bNo : "No",

·      bExit : "Cancel",

·   \},

·   view : \{

·     caption: "View Record",

·     bClose: "Close"

·   \},

·   del : \{

·     caption: "Delete",

·     msg: "Delete selected record(s)?",

·     bSubmit: "Delete",

·     bCancel: "Cancel"

·   \},

·   nav : \{

·     edittext: "",

·     edittitle: "Edit selected row",

·     addtext:"",

·     addtitle: "Add new row",

·     deltext: "",

·     deltitle: "Delete selected row",

·     searchtext: "",

·     searchtitle: "Find records",

·     refreshtext: "",

·     refreshtitle: "Reload Grid",

·     alertcap: "Warning",

·     alerttext: "Please, select row",

·     viewtext: "",

·     viewtitle: "View selected row"

·   \},

· ...

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    pager : '\#gridpager',

· ...

· \}).navGrid('\#gridpager',\{view:true, del:false\},

· \{\}, // use default settings for edit

· \{\}, // use default settings for add

· \{\},  // delete instead that del:false we need this

· \{multipleSearch : true\}, // enable the advanced searching

· \{closeOnEscape:true\} /\* allow the view dialog to be closed when user press ESC key\*/

· );

# Jqgrid学习 -------自定义按钮 #

jQuery("\#grid\_id").navGrid("\#pager",...).navButtonAdd("\#pager",\{parameters\});

jQuery("\#grid\_id").jqGrid('navGrid',"\#pager",...).jqGrid('navButtonAdd',"\#pager",\{parameters\});

\{ caption:"NewButton", buttonicon:"ui-icon-newwin", onClickButton:null, position: "last", title:"", cursor: "pointer"\}

caption：按钮名称，可以为空，string类型   
buttonicon：按钮的图标，string类型，必须为UI theme图标   
onClickButton：按钮事件，function类型，默认null   
position：first或者last，按钮位置   
title：string类型，按钮的提示信息   
cursor：string类型，光标类型，默认为pointer   
id：string类型，按钮id

如果设置多个按钮：

· jQuery("\#grid\_id")

· .navGrid('\#pager',\{edit:false,add:false,del:false,search:false\})

· .navButtonAdd('\#pager',\{

·    caption:"Add",

·    buttonicon:"ui-icon-add",

·    onClickButton: function()\{

·      alert("Adding Row");

·    \},

·    position:"last"

· \})

· .navButtonAdd('\#pager',\{

·    caption:"Del",

·    buttonicon:"ui-icon-del",

·    onClickButton: function()\{

·       alert("Deleting Row");

·    \},

·    position:"last"

· \});

按钮间的分隔

jQuery("\#grid\_id").navGrid("\#pager",...).navButtonAdd("\#pager",\{parameters\}).navSeparatorAdd("\#pager",\{separator\_parameters\}\};

默认参数：

\{sepclass : “ui-separator”,sepcontent: ''\}

sepclass：ui-jqgrid的属性名   
sepcontent：分隔符的内容.

# Jqgrid学习 -------格式化 #

jqGrid的格式化是定义在语言包中

· $jgrid = \{

· ...

·    formatter : \{

·      integer : \{thousandsSeparator: " ", defaultValue: '0'\},

·      number : \{decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'\},

·      currency : \{decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'\},

·      date : \{

·        dayNames: \[

·          "Sun", "Mon", "Tue", "Wed", "Thr", "Fri", "Sat",

·          "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"

·        \],

·        monthNames: \[

·          "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",

·          "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"

·        \],

·        AmPm : \["am","pm","AM","PM"\],

·        S: function (j) \{return j < 11 || j > 13 ? \['st', 'nd', 'rd', 'th'\]\[Math.min((j - 1) % 10, 3)\] : 'th'\},

·        srcformat: 'Y-m-d',

·        newformat: 'd/m/Y',

·        masks : \{

·          ISO8601Long:"Y-m-d H:i:s",

·          ISO8601Short:"Y-m-d",

·          ShortDate: "n/j/Y",

·          LongDate: "l, F d, Y",

·          FullDateTime: "l, F d, Y g:i:s A",

·          MonthDay: "F d",

·          ShortTime: "g:i A",

·          LongTime: "g:i:s A",

·          SortableDateTime: "Y-m-d\\\\TH:i:s",

·          UniversalSortableDateTime: "Y-m-d H:i:sO",

·          YearMonth: "F, Y"

·        \},

·        reformatAfterEdit : false

·      \},

·      baseLinkUrl: '',

·      showAction: '',

·      target: '',

·      checkbox : \{disabled:true\},

·      idName : 'id'

·    \}

· ...

这些设置可以通过colModel中的formatoptions参数修改

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel : \[

·    ...

·       \{name:'myname', ... formatter:'number', ...\},

·    ...

·    \],

· ...

· \});

此实例是对名为“myname”的列进行格式化，格式化类是“number”，假如初始值为“1234.1”则格式化后显示为“1 234.10” 。

如果给某列进行格式化：

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel : \[

·    ...

·       \{name:'myname', ... formatter:'currency', formatoptions:\{decimalSeparator:",", thousandsSeparator: ",", decimalPlaces: 2, prefix: "$ "\} \} ,

·    ...

·    \],

· ...

· \});

这个设置会覆盖语言包中的设置。

select类型的格式化实例：

原始数据

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel : \[ \{name:'myname', edittype:'select', editoptions:\{value:"1:One;2:Two"\}\} ... \],

· ...

· \});

使用格式化后

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel : \[ \{name:'myname', edittype:'select', formatter:'select', editoptions:\{value:"1:One;2:Two"\}\} ... \]

· ...

· \});

结果是，表格的数据值为1或者2但是现实的是One或者Two。

对超链接使用select类型的格式化：

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel: \[ \{name:'myname', edittype:'select', formatter:'select', formatoptions:\{baseLinkUrl:'someurl.php', addParam: '&action=edit'\}, ...\}

·       ...

·    \]

· ...

· \});

得到[http://localhost/someurl.php?id=123&action=edit][http_localhost_someurl.php_id_123_action_edit]

如果想改变id值则

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel: \[ \{name:'myname', edittype:'select', formatter:'select', formatoptions:\{baseLinkUrl:'someurl.php', addParam: '&action=edit', idName:'myid'\}, ...\}

·       ...

·    \]

· ...

· \});

得到[http://localhost/someurl.php?myid=123&action=edit][http_localhost_someurl.php_myid_123_action_edit]

# Jqgrid学习 -------自定义格式化 #

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel: \[

·       ...

·       \{name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter\},

·       ...

·    \]

· ...

· \});

· function currencyFmatter (cellvalue, options, rowObject)

· \{

·    // do something here

·    return new\_format\_value

· \}

cellvalue：要被格式化的值   
options：对数据进行格式化时的参数设置，格式为：   
\{ rowId: rid, colModel: cm\}   
rowObject：行数据

数据的反格式化跟格式化用法相似.

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel: \[

·       ...

·       \{name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter, unformat:unformatCurrency\},

·       ...

·    \]

· ...

· \});

· function currencyFmatter (cellvalue, options, rowObject)

· \{

·    return "$"+cellvalue;

· \}

· function  unformatCurrency (cellvalue, options)

· \{

·    return cellvalue.replace("$","");

· \}

表格中数据实际值为123.00，但是显示的是$123.00; 我们使用getRowData ，getCell 方法取得的值是123.00。   
创建通用的格式化函数

· <script type="text/javascript">

· jQuery.extend($.fn.fmatter , \{

·     currencyFmatter : function(cellvalue, options, rowdata) \{

·     return "$"+cellvalue;

· \}

· \});

· jQuery.extend($.fn.fmatter.currencyFmatter , \{

·     unformat : function(cellvalue, options) \{

·     return cellvalue.replace("$","");

· \}

· \});

· </script>

具体使用：

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel: \[

·       ...

·       \{name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter\},

·       ...

·    \]

· ...

· \})

# Jqgrid学习 -------搜索 #

表格中所有的列都可以作为搜索条件。   
所用到的语言包文件

· $.jgrid = \{

· ...

·    search : \{

·      caption: "Search...",

·      Find: "Find",

·      Reset: "Reset",

·      groupOps: \[ \{ op: "AND", text: "all" \}, \{ op: "OR", text: "any" \} \],

·      matchText: " match",

·      rulesText: " rules"

·    \}

colModel 设置

searchoptions 参数

· jQuery("\#grid\_id").jqGrid(\{

· ...

·    colModel: \[

·       ...

·       \{name:'price', index:'price', width:60, search:true, stype:'text', searchoptions:\{dataInit:datePick, attr:\{title:'Select Date'\}\} \},

·       ...

·    \]

· ...

· \});

· datePick = function(elem)

· \{

·    jQuery(elem).datepicker();

· \}

需要说明的：   
所有的搜索都是使用url来到服务器端查询数据。   
当执行搜索时会用查询数据填充postData array   
发送到服务器端搜索字符串的名称为\_search   
当点击刷新按钮时不会使用搜索条件   
每个搜索方法都有自己的数据清空方法

# Jqgrid学习 -------搜索工具栏 #

搜索工具栏只是在列标题下面构造一个输入框。且使用表格的url进行搜索记录，发到服务器端数据格式为name:value，而且是附加在postData之后。

jQuery("\#grid\_id").filterToolbar(options);

jQuery("\#grid\_id").jqGrid('filterToolbar',options);

options：参数

方法：

# Jqgrid学习 -------自定义搜索 #

<div id="mysearch"></div>

jQuery("\#mysearch").filterGrid('\#grid\_id',options);

options：参数

[http_localhost_someurl.php_id_123_action_edit]: http://localhost/someurl.php?id=123&action=edit
[http_localhost_someurl.php_myid_123_action_edit]: http://localhost/someurl.php?myid=123&action=edit