jqGrid属性中文详细说明

合集下载

jqgrid 参数

jqgrid 参数jqgrid是一个基于jQuery的表格插件，它提供了强大的功能和灵活的参数配置，用于展示和处理数据。

下面将介绍常用的jqgrid参数以及它们的作用。

1. colModel：该参数用于定义表格的列模型，即每一列的配置信息。

每一个列都可以配置属性如下：- name：表示列的名称。

- index：表示在排序、搜索和导航中使用的列的名称。

如果不设置，默认等于name。

- width：表示列的宽度，可以设置为数字、百分比或自动根据内容调整宽度。

- sortable：表示该列是否可以排序，默认为false。

- search：表示该列是否可以进行搜索，默认为false。

- align：表示该列中内容的对齐方式，默认为left。

- formatter：表示自定义的格式化函数，用于对该列的数据进行特定的处理和展示。

2. colNames：该参数用于定义表格的列的显示名称，以数组的形式传入。

3. datatype：该参数定义了表格的数据类型，即数据的来源。

常用的取值有"local"和"json"。

- "local"表示数据由前端自身提供，通过data参数传入。

- "json"表示数据由后端通过ajax请求获取，通过url参数来指定请求的地址。

4. data：当datatype为"local"时，该参数用于传入表格的数据，以数组形式传入。

5. url：当datatype为"json"时，该参数用于指定请求数据的url地址。

6. rowNum：表示每页显示的行数，默认为20。

7. rowList：表示在分页选择框中可选择的行数，默认为[10, 20, 30]。

8. pager：表示表格的分页栏的容器元素的选择器。

分页栏用于显示页码，并提供跳转、刷新等操作。

9. caption：表示表格的标题。

jqGrid中文文档

Jqgrid3.6 中文文档jqGrid学习----------- 原理 (2)jqGrid学习之--------- 皮肤 (2)jqGrid学习 (2)jQuery学习之：jqGrid表格插件——参数配置 (4)jqGrid学习--------------自定义搜索 (14)jqGrid学习-------------- 搜索工具栏 (16)jqGrid学习-------------- 搜索 (17)jqGrid学习-------------- 自定义格式化类型 (19)jqGrid学习-------------- 格式化 (22)jqGrid学习-------------- 自定义按钮 (26)jqGrid学习-------------- 翻页（2） (28)jqGrid学习-------------- 翻页 (33)jqGrid学习-------------- 配置json (36)jqGrid学习-------------- 方法 (38)jqGrid学习----------- 事件 (46)jqGrid学习----------- 数据 (48)jqGrid学习-------------- ColModel API (55)jqGrid学习----------- 参数（2） (57)jqGrid学习------------------ jqGrid参数 (63)jqGrid学习----------------- 第一个实例 (64)使用jqGrid修改数据并检查 (70)jqGrid学习 ----------- 原理jqGrid是典型的B/S架构，服务器端只是提供数据管理，客户端只提供数据显示。

换句话说，jqGrid可以以一种更加简单的方式来展现你数据库的信息，而且也可以把客户端数据传回给服务器端。

对于jqGrid我们所关心的就是：必须有一段代码把一些页面信息保存到数据库中，而且也能够把响应信息返回给客户端。

jqGrid配置属性说明

jqGrid配置属性说明1、属性参数名称类型描述默认值是否可以被修改ajaxGridOptions object对ajax参数进⾏全局设置，可以覆盖ajax事件：error，complete 和 beforeSend空值是ajaxGridOptions object对ajax参数进⾏全局设置空值是ajaxSelectOptions object对ajax的select参数进⾏全局设置，设置editoptions跟searchoptions 参数的select属性值空值是altclass String⽤于表格⾏交替变⾊的class属性。

你可以定义⾃⼰的class来替代默认值。

只有当altRows属性设置为true时，该属性才起作⽤ui-priority-secondary是，但需要重新加载altRows boolean设置表格是否允许⾏交替变⾊值false是，需重新加载autoencode boolean当为 ture 时对url进⾏编码false是autowidth boolean如果为ture时，则当表格在⾸次被创建时会根据⽗元素⽐例重新调整表格宽度。

如果⽗元素宽度改变，为了使表格宽度能够⾃动调整则需要实现函数：setGridWidthfalse否caption String定义表格名称空值否，但是可以⽤api修改cellLayout integer定义了单元格padding + border 宽度。

通常不必修改此值。

初始值为5，paddingLef?2+paddingRight?2+borderLeft?1=55否cellEdit boolean启⽤或者禁⽤单元格编辑功能false是cellsubmit String定义了单元格内容保存位置：“remote”，“clientArray”‘remote’是cellurl String单元格提交的url空值是colModel array对显⽰列属性的设置，是⼀个数组对象。

jqGrid参数

————详细属性列表————
ajaxGridOptions
object
本选项用来设置全局的Ajax设置。注意：这个选项会覆盖当前所有的ajax设置，包括ajax的error、complete以及beforeSend事件。
默认值:empty object
该属性可以修改
该属性不能修改
hidegrid
boolean
设置grid的隐藏/显示按钮是否可用。
默认值:true
该属性不能修改
hoverrows
boolean
设置为false，在grid的数据行中鼠标悬浮被禁用。
默认值:false
默认值:false
该属性不能修改
forceFit
boolean
如果设置为true，并且用户改变了列宽度，那么右边临近的列宽度会自动调整以适应grid的整体宽度。这种情况下，是没有水平滚动条的。
注意：本选项与shrinkToFit选项不相容。如果shrinkToFit设置为false，那么forceFit的设置将被忽略。
direction
string
确定grid中文本显示的方向。默认ltr表示从左道右。还有一个可选值是rtl表示从右到左。
本选项只在FireFox 3.x和IE >=6的浏览器有效。当前Safai和Google Chrome、Opera不完全支持“rtl”。FireFox默认设置是不支持RTL的，但是可以通过修改FireFox的 layout.scrollbar.side设置为1来支持。本属性是在jqGrid v3.6版本中新增加的。
当然，使用也有限制，设置为true之后，不能使用treeGrid，subGrid或者afterInsertRow事件。

Jquery Jqgrid使用手册

一、电子信息技术 (2)（一）软件.................................................................................................... 错误！未定义书签。

（二）微电子技术 ...................................................................................... 错误！未定义书签。

（三）计算机及网络技术 ............................................................................ 错误！未定义书签。

（四）通信技术............................................................................................ 错误！未定义书签。

（五）广播电视技术 .................................................................................. 错误！未定义书签。

（六）新型电子元器件 ................................................................................ 错误！未定义书签。

（七）信息安全技术 .................................................................................... 错误！未定义书签。

（八）智能交通技术 .................................................................................... 错误！未定义书签。

jqGrid超详细属性说明

jqGrid超详细属性说明1.jqGrid Options<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"/TR/xhtml1/DTD/xhtml1-transitional.dtd>声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的DTD 中进行了定义。

浏览器将明白如何寻找匹配此公共标识符的 DTD。

如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

另外，需要知道的是，HTML 4.01 规定的三种文档类型、XHTML 1.0 规定的三种 XML 文档类型都是：Strict、Transitional 以及 Frameset。

而这句<html xmlns="/1999/xhtml">，是在文档中的<html> 标签中使用 xmlns 属性，以指定整个文档所使用的主要命名空间。

对于文档声明，了解这些就足够了，现在的html5不再这么繁琐，只需要：<!DOCTYPE html><html>就可以了。

1.1.options 参数1.1.1.colModel设定各列的参数1.1.2.groupingView分组设置1.1.3.groupingView分组设置1.1.4.groupingView分组设置2.方法Methods 2.1.addRowData编辑行2.2.editRow 编辑行3.事件4.方法4.1.1.getGridParamsetGridParam4.1.2.编辑栏编辑框j Query("#list2").jqGrid('navGrid','#pager2',{ edit:true, add:true, del:true},{//edit ----------------------------------这里注意 edit ,add ,del 的顺序，默认的这个顺序，好像是不能改的//afterShowForm:afterShowEdit,afterSubmit:processAddEdit ,//beforeSubmit:validateData,closeAfterAdd:true,closeAfterEdit:true,reloadAfterSubmit:true},{//add //afterShowForm:afterShowAdd, afterSubmit:processAddEdit ,//beforeSubmit:validateData,closeAfterAdd:true,closeAfterEdit:true},{//del}//{view:true})/* .navButtonAdd('#pager2',{caption:'Add',onClickButton:function(){alert('i am button');}});*/});function afterShowEdit(formId){//do stuff after the form is rendered}function afterShowAdd(formId){}1.获得当前列表行数：$("#gridid").getGridParam("reccount");2.获取选中行数据（json）：$("#gridid").jqGrid('getRowData', id);3.刷新列表:$(refreshSelector).jqGrid('setGridParam', { url: ''), postData:''}).trigger('reloadGrid');4.选中行：$("#jqGrid").setSelection("1", true); （Toggles a selection of the row with id = rowid; if onselectrow is true (the default) then the event onSelectRow is launched, otherwise it is not.）//true:重新加载表格数据, false:不重新加载表格数据5.重置选中行：$("#jqgrid").resetSelection(); //Resets (unselects) the selected row(s). Also works in multiselect mode.6.清除：$("#jqgrid").clearGridData(); //Clears the currently loaded data from grid. If the clearfooter parameter is set to true, the method clears the data placed on the footer row.7. $("#jqgrid").setCell(rowid,colname,nData,cssp,attrp);//This method can change the content of particular cell and can set class or style properties. Where:rowid the id of the row,colname the name of the column (this parameter can be a number (the index of the column) beginningfrom 0data the content that can be put into the cell. If empty string the content will not be changed class if class is string then we add a class to the cell using addClass; if class is an array we set the new css properties via cssproperties sets the attribute properies of the cell,forceup If the parameter is set to true we perform update of the cell instead that the value is empty8.获取选中行IDvar rowid = $("#jqgrid").jqGrid('getGridParam','selrow');var rowid = $("#searchResultList").getGridParam("selrow");var rowData = $("#searchResultList").getRowData(rowid); /根据行ID，获取选中行的数据(根据) prmNames是jqGrid的一个重要选项，用于设置jqGrid将要向Server传递的参数名称。

jqGrid 参数

1.0 colModel : 要呈现字段的属性设置1.1 align：定义数据相对单元格的对齐方式.string left1.2 datefmt: 日期格式，string Y-m-d1.3 editable: 定义字段是否可编辑boolean false1.4 defval : 搜索字段的默认值,(只用于自定义搜索) string empty1.5 edittype: 该字段控件类型(text, textarea, select, checkbox, password, button, image , file) string text1.6 surl:只有在自定义搜索和edittype属性为select和描述的url得到select 的element% string empty1.7 editoptions:针对edittype配置的控件类型的属性设置array empty array1.7.1 value: 依据edittype，配置属性%（详见: editoptions的value配置）mixed none1.7.2 dataUrl:这个属性只适用与edittype属性为select (指定select的数据源edittype:"select",e ditoptions:{dataUrl:'test.txt', defaultValue:'Intime'}) string empty1.7.3 dataInit:当控件被创建时仅触发1次function null1.7.4 dataEvents: 给当前控件追加事件处理% array empty array1.7.5 defaultValue:默认值(可以是函数返回值) mixed none1.7.6 其他:可设置控件的任何有效属性editoptions:{size:10,maxlength:8}mixed none1.8 editrules: 设置编辑字段的控件的规则array empty array1.8.1 edithidden:该字段隐藏时, 此属性可以控制是否可编辑boolean false1.8.2 required:是否验证空数据boolean false1.8.3 number:是否验证数字boolean false1.8.4 integer:是否验证整数boolean false1.8.5 minValue:验证最小值number(integer) empty1.8.6 maxValue:验证最大值number(integer) empty1.8.7 email:是否验证email boolean false1.8.8 url:是否验证是有效的网址boolean false1.8.9 date:是否验证日期boolean false1.8.10 time:是否验证时间boolean false如果此字段不是必填,如果填了才验证是否是email 那么应该配置email:true, required:false 1.9 formoptions:设置该字段相对表单中的相关设置array empty array1.9.1 elmprefix:如果设置,则会在控件前面出现该设置string empty1.9.2 elmsuffix:如果设置,则会在控件后面出现该设置string empty1.9.3 label: 如果设置,则会替换colNames设置的名称string empty1.9.4 rowpos:设置该字段所在行的位置,从1开始计数number empty1.9.5 colpos:设置该字段所在列的位置,从1开始计数number empty1.10 formatoptions:设置特定列的格式,覆盖语言文件的默认值array empty array1.11 formatter:指定formatoptions设置格式的类型mixed none1.11.1 integer:当formatter指定为此属性时, formatoptions可以设置以下属性.1.11.1.1 thousandsSeparator: 每千位分隔符string empty1.11.1.2 defaulValue:在没有数据的情况下的默认值string empty1.11.2 number: 当formatter指定为此属性时, formatoptions可以设置以下属性.1.11.2.1 decimalSeparator: 小数位分隔符string empty1.11.2.2 thousandsSeparator:每千位分隔符string empty1.11.2.3 decimalPlaces:小数位数string empty1.11.2.4 defaulValue:在没有数据的情况下的默认值string empty1.11.3 currency: 当formatter指定为此属性时, formatoptions可以设置以下属性.1.11.3.1 decimalSeparator: 小数位分隔符string empty1.11.3.2 thousandsSeparator: 每千位分隔符string empty1.11.3.3 decimalPlaces: 小数位数string empty1.11.3.4 defaulValue: 在没有数据的情况下的默认值string empty1.11.3.5 prefix:在数据前面添加的文本比如货币符号”$” string empty1.11.3.6 suffix: 在数据后面添加的文本比如货币符号”$” string empty1.11.4 date: 当formatter指定为此属性时, formatoptions可以设置以下属性.1.11.4.1 srcformat:原格式string empty1.11.4.2 newformat:新的输出格式string empty1.11.5 email: 当formatter指定为email类型,直接使这个email加href string empty 1.11.6 link: 当formatter指定为此属性时, formatoptions可以设置以下属性.1.11.6.1 target:默认为empty如果设置,则创建一个以单元格的值和target属性的链接string empt y1.11.7 showlink: 当formatter指定为此属性时, formatoptions可以设置以下属性.1.11.7.1 baseLinkUrl:链接. string empty1.11.7.2 showAction:附加值,在baseLinkUrl后面 . string empty1.11.7.3 addParam:额外参数. string empty1.11.7.4 target:如果设置,增加1条附加属性. string empty1.11.7.5 idName:是第1个参数,之后由showAction补充,默认情况下,这是id string empty1.11.8 checkbox: 当formatter指定为此属性时, formatoptions可以设置以下属性.1.11.8.1 disabled:默认true禁止改变状态,如果设置为false是可以改变的boolean1.11.9 select: 当edittype ,formatter指定为此属性时, editoptions:{value:"1:One;2:Two"}值是1,2显示的则是one,two string emptycolModel:[{name:'myname', edittype:'select', formatter:'select', formatoptions:{baseLink Url:'myrul.php', addParam: '&action=edit', idName:'myid'}, ...}将会得到http://localhost/myrul.php?myid=123&action=edit1.12 unformat:可以为formatter指定自定义格式的方法function null1.13 hidedlg:如果设置为true在显示/隐藏字段功能中，该字段将不会出现% boolean false1.14 hidden:该字段是否隐藏boolean false1.15 index:排序时, sidx的参数string empty1.16 jsonmap:定义json映射这个字段时的json字符串string empty1.17 xmlmap:定义xml文件映射这个字段时的xml字符串string empty1.18 key:如果服务器端没有定义id,可以设置字段为行号,只有一个字段可以设置此属性,只认可第1个,其他的将被忽略. boolean false1.19 name:设置此字段的唯一名称,此属性是必须要设置的, string empty1.20 label:当colNames为空,则标题显示此设置.如果colNames数组和此设置同时为空,则标题显示n ame属性. string empty1.21 resizable:设置此字段是否可编辑boolean true1.22 search:该字段是否允许搜索(查询) boolean true1.23 stype:设置搜索时的数据类型string text1.24 searchoptions:配置搜索选项array empty array1.24.1 dataUrl:该属性只适用于stype:’select’string empty1.24.2 dataInit:等同于editoptions的dataInit function null1.24.3 dataEvents:等同于editoptions的dataEvents array empty array1.24.4 attr:可以设置创建的元素的有效属性object null1.24.5 searchhidden:该字段隐藏时,此属性可控制是否可搜索boolean false1.24.6 defaultValue:默认值string empty1.24.7 sopt:比较运算符,可任意组合('eq','ne','lt','le','gt','ge','bw','bn','in','ni','ew','en','cn','nc') array empty array等于eq =不等于ne <>小于lt <小于等于le <=大于gt >大于等于ge >=以*开头bw like不以*开头bn not like在in in不在ni not in以*结尾ew like不以*结尾en not like包含cn like不包含nc not like1.25 sortable:设置该字段是否进行排序boolean true1.26 sorttype:排序的数据类型string text1.27 width:宽度,不能设置百分比number 1502.0 navGrid:功能按钮(增删改查,搜,刷新)设置2.1 top:距离顶端的象素number(integer) 02.2 left:距离左边的象素number(integer) 02.3 width:宽度number(integer) 3002.4 height:高度number(integer) auto2.5 dataheight:表单内容距离按钮高度number(integer) auto2.6 modal: 是否模态窗体boolean false2.7 drag:是否可拖动boolean true2.8 resize: 是否可改变大小boolean true2.9 url:提交的URL,如果设置则替换editurl string empty2.10 mtype:请求类型post | get string post2.11 editData:提交到服务器的数据array empty array2.12 recreateForm:每次操作是否创建新的表单boolean false2.13 jqModal: 设置为true使用存在的jqModal插件的对话框。

jqGrid中文文档

1、jqGrid 3.6.2 中文文档——安装jqGrid（1）收藏在你开始之前在你开始jqGrid之前，你需要具有基本的JavaScript和jQuery知识。

有关jQuery的知识可访问jQuery网站。

当你已有了这些基础知识后，我们从jqGrid的系统需求开始。

系统需求基本需求：浏览器（Mozilla FireFox、Safari、Google Chrome、Opera、Microsoft Internet Explorer）jQuery库v1.3及以上（）jQuery UI主题（/themeroller/#themeGallery）jqGrid插件（/blog/?page_id=6）本地（静态）数据（如数组数据、XML数据文件或JSON数据文件）jqGrid主要是为了操作和呈现服务器上的动态数据，因此，你还需要一个web服务器（如IIS、Apache、Tomcat），一个数据库（如PostgreSQL、Oracle、MSSQL、MySQL）和服务器端脚本语言（如PHP、ASP）下载jqGrid你可以通过jqGrid网站的jqGrid下载生成器选择你需要的组件，生成适合你要求的jqGrid副本后下载。

选择你需要的组件下载生成器列出了所有组件：base，editing，subgrid，treegrid，import/export 和user contributed modules。

你选择的组件将合并为一个javascript文件——jquery.jqGrid.min.js。

选择完成后，点击Download按钮，你将得到包含你所选内容的压缩文件。

下载后下载后的压缩文件包括以下文件：/css/ui-jqgrid.css/js//i18n/grid.locale-bg.js所有语言文件….Changes.txtjquery-1.3.2.min.jsjquery.jqGrid.min.js/src//i18n/grid.locale-bg.js所有语言文件…./css/jquery.searchFilter.cssui-jqgrid.cssgrid.base.jsgrid.celledit.jsmon.jsgrid.custom.jsgrid.formedit.jsgrid.import.jsgrid.inlinedit.jsgrid.loader.jsgrid.postext.jsgrid.setcolumns.jsgrid.subgrid.jsgrid.tbltogrid.jsgrid.treegrid.jsjqDnR.jsjqModal.jsjquery.fmatter.jsjquery.searchFilter.jsjson2.jsJsonXml.js从文件结构上看，jqGrid需要的文件在/css/ 和/js/ 目录中，这些文件已被简化用于运行环境。

jqgrid属性和方法

方法：以上是jqGrid 的绑定方法，一下是一些通用方法（相当于静态方法）。

其使用方法为<script >...jQuery .jgrid .jqGridFunction ( parameter1,...parameterN ); ...</script >jqGridFunction 是一个函数。

parameter1,…parameterN 是对应的变量。

函数名参数返回值说明ajaxOptions空对象none这个函数可以改变jqgrid 中用到的ajax 请求参数，这个函数可以覆盖当前所有ajax 请求设置。

从3.6版本开始起有3个级别的ajax 设置：第一个级别就是在模块中设置ajax 请求；第二个级别就是通过此函数设置；第三级别的设置是控制全局ajax 请求的设置：jQuery.extend(jQuery.ajax({method specific options}, ajaxOptions,ThirdLevelajaxSettinds)); 当然我们也可以单独设置ajax 的参数jqIDstring 解析后的string 转义字符串，把两个反斜杠(\\)转化为单个反斜杠(\) jgrid.htmlDecode string 转换后string 把转码后的字符串还原 jgrid.htmlEncode string 编码后的string 把字符串编码jgrid.format string 格式化后string 简单字符串模板。

用法：Example jQuery.jqgformat(“Please enter a value between {0} and {1}.”, 4result : “Please enter a value between 4 and 8.” jgrid.getCellIndex cell index 这个方法是用来修复在ie7里的一个bug jgrid.stringToDoc xmlstring xmlDoc 把xmlstring 转换为dom 对象 jgrid.stripHtml content new_content 去掉html 标签返回标签中内容 jgrid.parse jsonstring 对象把一个jsonstring 转换为json 对象，事件：事件参数备注afterInsertRow rowidrowdatarowelem 当插入每行时触发。

JqGrid中文文档

JqGrid中⽂⽂档最近使⽤JQGrid 发现其中⽂资料⾮常的少。

⼏乎没有，⽽英⽂资料⼤部份是PHP。

所以写⼀些资料⽅便⾃⼰和⼤家以后的使⽤。

先来看⼀个我在官⽅⽹站复制的简单的例⼦。

1: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>2:3: <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">4: <html xmlns="/1999/xhtml">5: <head id="Head1"runat="server">6: <title>⽆标题页</title>7: <link href="JS/jquery-ui-1.7.2.custom.css"rel="stylesheet"type="text/css"/>8: <link href="JS/ui.jqgrid.css"rel="stylesheet"type="text/css"/>9:10: <script src="JS/jquery-1.3.2.min.js"type="text/javascript"></script>11:12: <script src="JS/grid.locale-cn.js" type="text/javascript"></script>13:14: <script src="JS/jquery.jqGrid.min.js" type="text/javascript"></script>15:16: <script type="text/javascript">17: $(document).ready(function(){18:19: jQuery("#setcols").jqGrid({20: url:'Default2.aspx',21: datatype: "json",22: colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],23: colModel:[24: {name:'id',index:'id', width:55,hidedlg:true},25: {name:'invdate',index:'invdate', width:90,editable:true},26: {name:'name',index:'name asc, invdate', width:100},27: {name:'amount',index:'amount', width:80, align:"right",editable:true,editrules:{number:true}},28:29: {name:'tax',index:'tax', width:80, align:"right",editable:true,editrules:{number:true}},30: {name:'total',index:'total', width:80,align:"right"},31: {name:'note',index:'note', width:150, sortable:false}32: ],33: rowNum:10,34: pager: '#psetcols',35: sortname: 'id',36: sortorder: "desc"37: });38:39: })40:41:42: </script>43:44: </head>45: <body>46: <table id="setcols">47: </table>48: <div id="psetcols">49: </div>50: </body>51: </html>我们需要引⽤的⽂件分别为1JQUERYUI 的CSS样式⽂件jquery-ui-1.7.2.custom.css2JqGrid插件的样式⽂件ui.jqgrid.css3JQUERY 1.3.2的JS⽂件jquery-1.3.2.min.js4JqGrid插件的中⽂配置⽂件grid.locale-cn.js5最后是JqGrid本⾝的JS压缩⽂件jquery.jqGrid.min.jsDefault2.aspx的功能是返回JSON数据数据如下{"page": "1","total": 2,"records": "13","rows": [{"Client 3","1000.00","0.00","1000.00",null]},{"id": "12","cell": ["12","2007-10-06","Client 2","700.00","140.00","840.00",null]},{"id": "11","cell": ["11","2007-10-06","Client 1","600.00","120.00","720.00",null]},{"id": "10","cell": ["10","2007-10-06","Client 2","100.00","20.00","120.00",null]},{"id": "9","cell": ["9","2007-10-06","Client 1","200.00","40.00","240.00",null]},{"id": "8","cell": ["8","2007-10-06","Client 3","200.00","0.00","200.00",null]},{"id": "7","cell": ["7","2007-10-05","Client 2","120.00","12.00","134.00",null]},{"Client 1","50.00","10.00","60.00",null]},{"id": "5","cell": ["5","2007-10-05","Client 3","100.00","0.00","100.00","no tax"]},{"id": "4","cell": ["4","2007-10-04","Client 3","150.00","0.00","150.00","no tax"]}],"userdata": {"amount": 3220,"tax": 342,"total": 3564,"name": "Totals:"}}代码中table ID 为setcols的是⽤于显⽰数据、代码中div ID 为psetcols的是⽤于显⽰数据下⽅的按钮，分页，搜索等按钮JavaScript代码中jqGrid()⽅法是⽤于初始化JqGrid的⽅法⽅法⼤概参数如下属性名类型默认值是否必需备注url字符串""是获取数据的地址height数字150当值为100%时会随数据的数量⽽⾃动调整⾼度page数字1当前页数rowNum数字20每页⾏数records数字0pager字符串或对象否⼯具条所显⽰的容器pgbuttons布尔值true否是否显⽰上⼀页下⼀页的按钮pginput布尔值true否是否显⽰录⼊跳转页数的⽂本框colModel数组[]是定义数据列rowList数组[]否每页⾏数下拉选项未设置为不显⽰该下拉选项colNames数组[]是显⽰的列名，需要和colModel的列数匹配sortorder字符串"asc"否排序字段的排序类型为asc和descsortname字符串""要排序列名datatype字符串"xml"否数据传递的类型⼀般有xml和jsonmtype字符串"GET"否请求的类型⼀般有GET和POSTaltRows布尔值false否设置表格是否显⽰斑马条纹selarrrow数组[]否savedRow数组[]否shrinkToFit布尔值true否xmlReader对象{}否jsonReader对象{}否subGrid布尔值false否subGridModel数组[]reccount数字0lastpage数字0lastsort数字0selrow⽅法nullbeforeSelectRow⽅法nullonSelectRow⽅法null当选择⼀⾏时引发的事件onSortCol⽅法nullondblClickRow⽅法null当双击⼀⾏时引发的事件onRightClickRow⽅法nullonPaging⽅法nullonSelectAll⽅法nullloadComplete⽅法nullgridComplete⽅法nullloadError⽅法nullloadBeforeSend⽅法nullafterInsertRow⽅法nullbeforeRequest⽅法nullonHeaderClick⽅法nullviewrecords布尔值falseloadonce布尔值falsemultiselect布尔值falsemultikey布尔值falseediturl字符串null添加编辑删除操作时数据提交的页⾯search布尔值false否是否显⽰搜索按钮caption字符串""否表格上⽅的标题，不写为不显⽰hidegrid布尔值truehiddengrid布尔值falsepostData对象{}userData对象{}treeGrid布尔值false否是否为树型GRIDtreeGridModel字符串'nested'否树型GRID的数据源格式⼀般分为nested和adjacencytreeReader对象{}treeANode数字-1ExpandColumn字符串null否为树型GRID时按钮所在的列(在定义treeGrid情况下，指明那⼀列⽤来伸展树)tree_root_level数字0否prmNames对象{page:"page",rows:"rows",否数据请求时的request的参数设定sort: "sidx",order: "sord",search:"_search",nd:"nd"}forceFit布尔值falsegridstate字符串"visible"cellEdit布尔值false设置表格单元是否可以编辑cellsubmit字符串"remote"nv0loadui字符串"enable"toolbar数组[false,""]scroll布尔值falsemultiboxonly布尔值falsedeselectAfterSort布尔值truescrollrows布尔值falseautowidth布尔值false否是否⾃动宽度scrollOffset数字18cellLayout数字5subGridWidth数字20multiselectWidth数字20gridview布尔值false在⼯具条上是否显⽰总条数等信息rownumWidth数字25rownumbers布尔值falsepagerpos字符串'center'recordpos字符串'right'footerrow布尔值falseuserDataOnFooter布尔值falsehoverrows布尔值truealtclass字符串'ui-priority-secondary'viewsortcols数组[false,'vertical',true]resizeclass字符串''autoencode布尔值falseremapColumns数组[]ajaxGridOptions对象{}direction字符串"ltr"先写到这⾥。