属性名称 ajaxGridOptions 参数值类型 Object 描述内容 默认值 可修改 可以 本选项用来设置全局的Ajax设置。注意:empty object 这个选项会覆盖当前所有的ajax设置,包括ajax的error、complete以及beforeSend事件 本选项用来设置select元素的ajax全局设置。在searchoptions选项或者editoptions选项属性设置中,可以通过设置dataUrl来获取生成一个select的下拉框内容的URL。jqGrid通过ajax的方式访问这个URL来自动获取可选择值 用来设置jqGrid的交替行的class。只有设置了altRows为true才有效 设置jqGrid显示为斑马线样式。就是隔行用不同的背景色区分开 Empty object ajaxSelectOptions object 可以 altclass altRows string boolean ui-priority-secondary false 可以 Requires reload 可以 After reload 可以 autoencode boolean 设置为true,会对从服务器返回的数据以False 及编辑模式下提交的数据进行HTML编码。比如,把小于符号转换成< 设置为true,grid的宽度会根据父元素的宽度自动重新计算。注意,这个值是在初始化的时候设定好了,如果要在运行中设置宽度,需要通过setGridWidth方法来修改 设置grid的标题 False autowidth boolean 不可以 caption cellLayout cellEdit cellsubmit String integer boolean string empty string 设置单元格的padding + border宽度. 5 一般情况下不要去修改 设置Cell Editing模式是否启用 false 确定Cell Editing模式下,内容保存到远程'remote' 服务器还是本地数组。'remote' 或者 'clientArray' 确定Cell Editing模式下,访问的URL 重要的属性。用来设置列名称 用来设置Grid每一个列的属性,一个列作为一个数组元素设置。Name属性是必须的。 注意:这里的数组长度(也就是列数)必须和colModel数组的长度一致 如果datatype属性设置为xmlstring或者jsonstring的情况 下,本属性用来设置其值 确定grid中显示的数据源格式。 xml – xml数据; xmlstring – 被当做字符串的xml数null empty array empty array[] 不可以 不可以 可以 可以 cellurl colModel colNames string array array[] 可以 不可以 不可以 datastr string null 可以 datatype string Xml 可以
据; json – JSON格式数据 ; jsonstring – 被当做字符串的JSON数据; local – 定义在客户端的数组数据; javascript – javascript的数据 function – 客户定义函数用来获取数据 deselectAfterSort boolean 只有当datatype设置为local才有效。当排序之后,是否重新选择排序之前选中的行(多行)。 True 可以 direction string 确定grid中文本显示的方向。默认ltr表示ltr 从左道右。还有一个可选值是rtl表示从右到左。 本选项只在FireFox 3.x和IE >=6的浏览器有效。当前Safai和Google Chrome、Opera不完全支持“rtl”。FireFox默认设置是不支持RTL的,但是可以通过修改FireFox的layout.scrollbar.side设置为1来支持。本属性是在jqGrid v3.6版本中新增加的 设置编辑的URL地址 设置当查询记录条数是0的情况下,jqGrid上显示的信息。只有当viewrecords选项设置为true才有效 设置为true,当我们点击treeGrid的文本时候,会展开或者收缩内容 null see lang file 不可以 editurl emptyrecords string string 可以 可以 ExpandColClick ExpandColumn boolean string True 不可以 不可以 制定到底那一列(colModel的name名称Null 来指定)用来展开树形grid.如果没有设置,默认是第一列。只有当treeGrid选项设置为true才有效 如果设置为true,则会在grid的底部,导航条之上显示一个只有一行的table。列的数量和colModel定义的数量一致 False footerrow boolean 不可以 forceFit boolean 如果设置为true,并且用户改变了列宽度,False 那么右边临近的列宽度会自动调整以适应grid的整体宽度。这种情况下,是没有水平滚动条的。 注意:本选项与shrinkToFit选项不相容。如果shrinkToFit设置为false,那么forceFit的设置将被忽略 设置grid的状态。有两个可选值'visible'和'hidden' 在包括jqGrid v3.4.X之前的版本中,读visible False 不可以 gridstate gridview
string boolean 不可以 可以
取大数据集会存在速度问题。主要原因就是每一个单元格都是用了5-6条jQuery调用被插入到grid中。现在我们可以通过设置gridview 选项为true来解决这个问题。这时候,我们用一个jQuery追加一次插入整行的数据。比以前快了3-5倍。 当然,使用也有限制,设置为true之后,不能使用treeGrid,subGrid或者afterInsertRow事件 height mixed Grid的高度设置。如果设置为’100%’那么高度可以自适应。不过要注意,假设我们设置每页显示的条数是50条记录,设置height=’100%’,可能后面的一些记录显示不出来。默认情况下,grid是没有垂直滚动条的 设置为true,grid初始显示是隐藏的。隐藏情况下,数据没有加载(没有向服务器的请求),只显示标题。当grid第一次显示的时候,才提交服务器请求并显示数据 设置grid的隐藏/显示按钮是否可用 设置为false,在grid的数据行中鼠标悬浮被禁用 定义json数据的格式描述信息。我们默认期望的数据格式是:默认的数据根节点名称是rows,当前页的名称是page……。假设我们服务器返回的数据,root的名称不是rows而是datas,page的名称不是page而是currentPage,那么可以如下重新定义jsonReader来读取数据: jsonReader:{ root:”datas”, page:”currentPage” } 只读属性,指定请求总共可以返回多少页 如果设置为true,grid只从服务器加载一次数据。加载数据完成之后,datatype就被指定为local,并且以后所有的操作都是基于客户端的操作,同时,导航功能也会被禁用 请求或者排序数据的时候,显示在页面上的等待信息内容 本选项控制在一个ajax请求执行过程中做什么。 150 不可以 hiddengrid boolean False 不可以 hidegrid hoverrows jsonReader boolean boolean array true false 无 不可以 可以 不可以 lastpage Loadonce integer boolean 0 false 不可以 不可以 loadtext loadui string string Loading enable 不可以 可以
disable – jqGrid的指示信息不可用。 enable - 显示 “Loading”信息。 block – 可以显示“Loading”信息,同时阻止grid的所有操作直到ajax请求完成。注意,这会禁止所有的排序、导航或者任何工具条的操作 mtype multikey String string 确定请求方式。“POST”或“GET” GET 可以 可以 只有当multiselect选项设置为true的时empty string 候才有意义。定义使用哪一个键来做多选。可选值: shiftKey/altKey/ctrlKey 只有当multiselect = true时起作用,如果multiselect设置为true,那么点击行任何位置都可以选中行。当multiboxonly设置为ture之后,就只有点击行前面的checkbox才会选中行。如果点击其它没有被选中的行,那么点中的行被选择,其它行取消选择。(Yahoo模式) 定义grid中的数据行是否可以被多选。会在grid的最左边增加一列checkbox的选择框 当multiselect为true时设置multiselect列宽度 设置初始的页码。这个参数会被自动添加到URL后面,传递到后台服务器处理程序中 指定导航条对象,这里要使用jQuery的语法来指定一个实际存在的html元素对象。大部分情况下,都是指定一个div对象的ID。 false multiboxonly boolean 可以 multiselect boolean False 不可以 multiselectWidth page pager integer integer mixed 20 1 不可以 可以 empty string. 不可以 Currently pagerpos string 确定pager在grid中的位置。默认情况下,center pager被分成三个部分。一部分用来显示pager,一部分用作导航条按钮,一部分用来显示记录信息 确定是否显示pager的按钮 确定是否显示允许用户直接输入页码进行跳转的输入框 显示关于当前页状态的信息。第一个参数是当前页码,第二个参数是总共的页数 定制传递到服务器上的Post数据的字段名称。默认值是: prmNames: {page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, True True See lang file 不可以 pgbuttons pginput pgtext prmNames boolean boolean string array 不可以 不可以 不可以 可以
npage:null} 默认的情况下,上传的数据如下url所示: URL?page=1&rows=10&sidx=myindex&sord=asc 如果我们设置一下本属性{sort:”mysort”}那么实际调用的URL地址如下: URL?page=1&rows=10&mysort=myindex&sord=asc 通过这个属性的设置,可以改变字段的名称 postData array 设置直接通过url传递到服务器的其他参数。本属性的调用方式是传递一个形如{name1:value,name2:value2…}的数组 只读属性。确定grid中显示的记录数量。不要把这个属性和records参数混淆了。records参数确定每页最多可以显示的数据条数。 确定记录条数信息在pager上面的位置。可能的值是left, center, right 只读属性。确定从请求返回的记录条数 empty array 可以 reccount integer 0 不可以 recordpos records recordtext string integer string Right None 不可以 不可以 可以 显示在pager上面的信息。在 viewrecords属性被设置为true时有效。只有在总数量大于0的时候才显示。 这是一个用{n}格式化的显示字符串。其中第一个参数{0}代表记录的起始位置(grid显示的第一条记录在所有记录中的位置),第二个参数{1}表示grid最后一条记录在总记录中的位置,第三个参数{2}代表总的记录条数 为列指定一个调整宽度时候的现实风格class 本参数用来为grid生成一个可供选择的调整每页显示记录条数的下拉菜单。在grid中选择修改这个值,jqGrid会用新的选择值来修改rowNum参数并传递到服务器端。可以设置的格式如 [10,20,30] 如果设置为true,则会在grid的左边增加一列,增加的列用来显示记录行数,记录从1开始显示。这种情况下,colModel被一个name为rn的列自动扩展。由此,我们empty string empty array[] resizeclass rowList string array[] 可以 不可以 rownumbers boolean false 不可以
要注意了,在我们自己定义的列中,不要使用name=’rn’这种名称 rowNum integer 设置每一个grid的页做多显示多少条记录。 这个参数会通过url参数传递到服务器端进行分页处理。 注意,如果你设置了页面最多显示10条记录,也就是rowNum=10,但是服务器端返回了15条记录,页面上也只会显示10条记录。 设置本值为-1表示页面显示记录没有限制 如果rownumbers设置为true,本属性用来设置该列的宽度 只读属性。本属性用在Inline Editing和Cell Editing模式下,用来在编辑行或者单元格之前保存数据 20 可以 rownumWidth savedRow integer array 25 empty array 不可以 不可以 scroll 创建一个动态滚动的grid。如果本属性可boolean pager元素被禁用,改用垂直滚动条来or integer 用,动态加载数据。当设置为true时,grid会在第一次加载的时候,把所有的数据取出到客户端,当scroll被设置为一个数字,grid将只显示可见的几行数据 integer boolean 设置垂直滚动条宽度 false 不可以 scrollOffset scrollrows 18 不可以 可以 设置为true,当我们用setSelection选中False 记录时,grid会自动滚动到选中的行记录,让该行记录可见。假设grid有垂直滚动条,当我们在Form Editing编辑模式下修改记录,用编辑页的前后导航按钮定位记录的时候,当导航到一个隐藏的行记录的时候,grid会自动滚动以使让选中的行记录变成可见 selarrrow Array[] 只读属性。在multiselect=true的情况下,empty array [] 不可以 确定当前选中的所有行。数组中包含的值只是选中列的id,用逗号隔开。比如[1,3,4,5]表示选中了id为1、3、4、5的行 只读属性。最后选中行的id。如果重新排序或者进行了导航,这个值为null。(也就是没有选中任何行的意思!) 这个属性很重要,很多时候,假设我们要对选中的行的数据进行一些处理,那么就必须要用到这个属性。大家可以看看jqGrid的Demo中有很多例子都用到这个属性 Null 不可以 selrow string
shrinkToFit boolean 确定初始化时候每列的宽度的算法。如果设置为true,表示每列的宽度按照所有列设定的宽度值的和与grid设定的宽度按比例进行缩放。如果设置为false,则列宽按照colModel中设定的宽度显示 True 不可以 sortable boolean 设置grid是否可以按照列进行排序。这个False 属性用到了jQuery UI的sortable插件。要确保加载了相应的文件,同时要确保下载jqGrid的时候,包含了grid.jqueryui.js包 当使用xml或者json数据类型时,设置默认的排序字段名称。这个参数会被增加到url上传递到服务器端 当使用xml或者json数据类型时,设置默认的排序方式。可选值asc或desc 设置是否能使用subgrid 设置subGrid的描述信息。只在subGrid设置为true才有效。具体可设置的属性需要参考subGrid的文档 允许通过一个service来加载subgrid。如果没有设置,则采用父grid的datatype 加载subgrid数据的url,jqGrid会把每行的id值当作参数加到url中。只有在subGrid=true是才有效。如果需要传递额外的参数,请使用subGridModel中的params选项 设置subGrid列的宽度 empty string 不可以 sortname string 可以 sortorder subGrid subGridModel string boolean Array[] Asc False empty array 可以 不可以 不可以 subGridType subGridUrl mixed String null empty string 可以 可以 subGridWidth toolbar integer array 20 不可以 不可以 Grid的工具栏。数组中有两个值,第一值[false,''] 指示toolbar是否可用,第二个值定义了toolbar相对于body Layer的位置,可能的值包括“top”,”bottom”, “both” 当我们设置值为[true,”both”],会创建两个工具栏,一个在table的顶部,一个在table的底部。 顶部的工具栏的div的id等于”t_”+grid的Id。底部的工具栏的div的id等于”tb_” +grid的Id。 注意:当只创建一个工具栏的时候,不管位置是在顶部还是底部,工具栏的div的id都等于”t_”+grid的Id 只读属性。计算加载数据的时间。目前只支持加载xml以及json格式数据。从请求完成开始计算时间,到加载完最后一行记录截至 0 totaltime integer 不可以
treedatatype mixed 树形grid情况下,datatype。通常与grid自身定义的datatype保持一致。很少会改变 开启或者禁用树形grid的模式。 Null 不可以 treeGrid treeGridModel boolean string False 不可以 不可以 确定treeGrid的方法。可能是nested(用nested 父id判断,例如
是vertical 表示排序图标一个在另一个的上面。'horizontal' 表示水平放置两个图标。 第三个参数确定鼠标点击事件功能。设置为true,表示,表示点击列标题可排序;设置为false表示只能点击图标才能排序。 重要提示:如果设置第三个参数为false,那么必须要设置第一个参数为true,否则,排序功能可能丢失。 width number 设置grid的宽度。如果本属性没有设置,则按照各个列定义在colModel中的宽度总和作为grid的宽度。如果设置了本值,则grid中每一个列的初始宽度按照shrinkToFit参数定义来确定。 对xml的数据格式的说明。参考jsonReader的描述 None 不可以 xmlReader
array 无 不可以 方法:
方法名 参数 返回值 说明 使用传来的data数据填充表格。使用方法:var mygrid = jQuery(”#”+grid_id)[0];var myjsongrid = addJSONData data none eval(”(”+jsonresponse.responseText+”)”); mygrid.addJSONData(myjsongrid); myjsongrid = null; jsonresponse =null; rowid,data, position, srcrowid 根据参数插入一行新的数据,rowid为新行的id,data为新行addRowData 成功为true, 否则为的数据,position为新增行的位置,srcrowid为新增行的参考位false 置。data数据格式:{name1:value1,name2: value2…} name为在colModel中指定的名称 根据传来的数据填充表格。用法:var mygrid = addXMLData clearGridData delRowData data none jQuery(”#”+grid_id)[0]; mygrid.addXmlData(xmlresponse.responseXML); clearfooter rowid jqGrid对象 成功为true否则为false 清除表格当前加载的数据。如果clearfooter为true时则此方法删除表格最后一行的数据 根据rowid删除行,但不会从服务器端删除数据 设置或者取得底部数据。action:“get”或者“set”,默认为“get”,如果为“get”返回值为name:value,name为colModel中名称。footerData action,data, format jgGrid对象 如果为“set”则值为name:value,name是colModel中的名称。format:默认为true,当为true时,在设置新值时会调用formatter格式化数值
返回指定rowid,iCol的单元格内容,iCol既可以是当前列在getCell rowid, iCol 单元格内容 colModel中的位置索引也可以是name值。注意:在编辑行或者单元格时不能使用此方法,此时返回的并不是改变的值,而是原始值 返回列的值。colname既可以是当前列在colModel中的位置索引也可以是name值。returntype指定返回数据的类型,默认为getCol colname, returntype, mathoperation false。当为false时,返回的数组中只包含列的值,当为truearray[] or value 时返回数组是对象数组,具体格式 {id:rowid, value:cellvalue} ,id为行的id,value为列的值。如: [{id:1,value:1},{id:2,value:2}…]。mathoperation 可选值为‟sum, „avg‟, „count‟ getDataIDs getGridParam getInd none name rowid,rowcontent array[] mixed value mixed 返回当前grid里所有数据的id 返回请求的参数信息 如果rowcontent为false,返回行所在的索引位置,id为行id。rowcontent默认为false。如果rowconent为ture则返回的为行对象,如果找不到行则返回false 返回指定行的数据,返回数据类型为name:value,name为getRowData rowid or none array{} colModel中的名称,value为所在行的列的值,如果根据rowid找不到则返回空。在编辑模式下不能用此方法来获取数据,它得到的并不是编辑后的值 hideCol colnameor[colnames] permutation, remapColumns updateCells, keepHeader resetSelection setCaption none caption jqGrid对象 jqGrid对象 none jqGrid对象 如果参数为一个列名则隐藏此列,如果给定的是数组则隐藏指定的所有列。格式: [“name1”,”name2”] 调整表格列的显示顺序,permutation为当前列的顺序,假如值是[1,0,2],那么第一列就会在第二位显示。如果updateCells为ture则是对单元格数据进行重新排序,如果keepHeader为true则对header数据显示位置进行调整 选择或者反选行数据,在多选模式下也同样起作用 设置表格的标题 改变单元格的值。rowid:当前行id;colname:列名称,也可setCell rowid,colname, data, class, properties 以是列的位置索引,从0开始;data:改变单元格的内容,如jqGrid对象 果为空则不更新;class:如果是string则会使用addClass方法将其加入到单元格的css中,如果是array则会直接加到style属性中;properties:设置单元格属性 setGridParam object jqGrid对象 设置grid的参数。有些参数的修改必须要重新加载grid才可以生效,这个方法可以覆盖事件 动态改变grid的高度,只能对单元格的高度进行设置而不能对setGridHeight new_height jqGrid对象 表格的高度进行动态修改。new_height:可以是象素值,百分比或者”auto” setGridWidth setLabel new_width,shrink colname, data, class, properties jqGrid对象 jqGrid对象 动态改变表格的宽度。new_width:表格宽度,象素值;shrink:true或者false,作用同shrinkToFit 给指定列设置一个新的显示名称。colname:列名称,也可以是列的位置索引,从0开始;data:列显示名称,如果为空则不
修改;class:如果是string则会使用addClass方法将其加入到单元格的css中,如果是array则会直接加到style属性中;properties:设置label的属性 更新行的值,rowid为行id。data值格式:{name1:value1,name2: setRowData rowid,data, cssprop 成功true否则false value2…} name为colModel中名称;cssprop:如果是string则会使用addClass方法将其加入到行的css中,如果是array或者对象则会直接加到style属性中 setSelection showCol trigger(“reloadGrid”) updateColumns rowid,onselectrow colname none none jqGrid对象 jqGrid jqGrid对象 none 选择或反选指定行。如果onselectrow为ture则会触发事件onSelectRow,onselectrow默认为ture 显示列。colname可以是数组[“name1”,”name2”],但是name1或者name2必须是colModel中的name 重新加载当前表格,也会向服务器发起新的请求 同步表格的宽度,用在表格拖拽时,用法:var mygrid=jQuery(”#grid_id”)[0];mygrid.updateColumns(); 以上是jqGrid的绑定方法,一下是一些通用方法(相当于静态方法)。其使用方法为
jqGridFunction是一个函数。
parameter1,…parameterN 是对应的变量。
函数名
参数
返回值
说明
这个函数可以改变jqgrid中用到的ajax请求参数,这个函数可以覆盖当前所有ajax请求设置。从3.6版本开始起有3个级别的ajax设置:第一个级别就
ajaxOptions
空对象
none
是在模块中设置ajax请求;第二个级别就是通过此函数设置;第三级别的设置是控制全局ajax请求的设置:jQuery.extend(jQuery.ajax({method specific options}, ajaxOptions,
ThirdLevelajaxSettinds)); 当然我们也可以单独设置ajax的参数
jqID
jgrid.htmlDecode jgrid.htmlEncode jgrid.format jgrid.getCellIndex jgrid.stringToDoc jgrid.stripHtml jgrid.parse 方法名 string string string string cell xmlstring content jsonstring 参数 解析后的string 转换后string 编码后的string 格式化后string index xmlDoc new_content 对象 返回值 转义字符串,把两个反斜杠(\\\\)转化为单个反斜杠(\\) 把转码后的字符串还原 把字符串编码
简单字符串模板。用法:Example jQuery.jqgformat(“Please enter a value between {0} and {1}.”, 4result : “Please enter a value between 4 and 8.” 这个方法是用来修复在ie7里的一个bug 把xmlstring转换为dom对象 去掉html标签返回标签中内容 把一个jsonstring转换为json对象, 说明
filterGrid filterToolbar getColProp GridDestroy GridUnload setGridState setColProp grid_id,params HTML对象 params colname grid_id grid_id state colname, properties jqGrid对象 array{} 构造jqGrid的查询界面。grid_id:表格id;params:参数 同上。不同的是搜索输入框在header层下方 返回指定列的属性集合。name为colModel中名称 成功true否则false 从dom上删除此grid 跟GridDestroy不同的是table对象跟pager对象并不会被删除,以便下次使成功true否则false 用 jqGrid对象 jqGrid对象 设置grid的状态,显示或者隐藏。这个方法不会触发onHeaderClick 事件。 设置新的属性,对于动态改变列属性是非常有用的,但是有些属性的修改并不会起效。用法:jQuery(”#grid_id”).setColProp('colname',{editoptions:{value:“True:False”}}); 按指定列进行排序。效果同setGridParam({sortname:'myname'}).trigger('reloadGrid'). 如果reload为true则会重新加载数据 修改表格中某行的数据,data数据格式:[{name:value,name1:value1…}, sortGrid colname, reload jqGrid对象 updateGridRows data,rowidname,成功true否则为jsonreader false {name:value,name2:value2…}],name为colModel中的名称;rowidname某行的名称。jsonreader:boolean值,默认false。如果为true则是定义数据的格式,data的值并不是name:value形式而只是value 事件:
事件
afterInsertRow beforeRequest beforeSelectRow
参数
rowidrowdatarowelem none rowid, e
备注
当插入每行时触发。rowid插入当前行的id;rowdata插入行的数据,格式为name: value,name为colModel中的名字
向服务器端发起请求之前触发此事件但如果datatype是一个function时例外
当用户点击当前行在未选择此行时触发。rowid:此行id;e:事件对象。返回值为ture或者false。如果返回true则选择完成,如果返回false则不会选择此行也不会触发其他事件 当表格所有数据都加载完成而且其他的处理也都完成时触发此事件,排序,翻页同样也会触发此事件
当从服务器返回响应时执行,xhr:XMLHttpRequest 对象
如果请求服务器失败则调用此方法。xhr:XMLHttpRequest 对象;satus:错误类型,字符串类型;error:exception对象
当点击单元格时触发。rowid:当前行id;iCol:当前单元格索引;cellContent:当前单元格内容;e:event对象
双击行时触发。rowid:当前行id;iRow:当前行索引位置;iCol:当前单元格位置索引;e:event对象
当点击显示/隐藏表格的那个按钮时触发;gridstate:表格状态,可选值:visible or hidden 点击翻页按钮填充数据之前触发此事件,同样当输入页码跳转页面时也会触发此事件 在行上右击鼠标时触发此事件。rowid:当前行id;iRow:当前行位置索引;iCol:当前单元格位置索引;e:event对象。此事件不支持opera游览器
gridComplete loadComplete loadError
none xhr
xhr,status,error
onCellSelect rowid,iCol,cellcontent,e
ondblClickRow onHeaderClick onPaging onRightClickRow
rowid,iRow,iCol,e gridstate pgButton rowid,iRow,iCol,e
onSelectAll
onSelectRow
onSortCol resizeStart resizeStop serializeGridData
aRowids,status
rowid,status
index,iCol,sortorder
event, index
newwidth, index postData
multiselect为ture,且点击头部的checkbox时才会触发此事件。aRowids:所有选中行
的id集合,为一个数组。status:boolean变量说明checkbox的选择状态,true选中false不选中。无论checkbox是否选择,aRowids始终有值
当选择行时触发此事件。rowid:当前行id;status:选择状态,当multiselect 为true时此参数才可用
当点击排序列但是数据还未进行变化时触发此事件。index:name在colModel中位置索引;iCol:当前单元格位置索引;sortorder:排序状态:desc或者asc
当开始改变一个列宽度时触发此事件。event:event对象;index:当前列在colModel中位置索引
当列宽度改变之后触发此事件。newwidth:列改变后的宽度;index:当前列在colModel中的位置索引
向服务器发起请求时会把数据进行序列化,用户自定义数据也可以被提交到服务器端
因篇幅问题不能全部显示,请点此查看更多更全内容