jqGrid 笔记

• 官方地址

• 重新自适应宽度

//设置自适应 autowidth=true, 在删除后重新加载需要重新调整宽度。
$("#analyDataTab").jqGrid("setGridWidth",$(window).width()\*0.99);
$("#charDataTab").jqGrid("setGridWidth",document.body.clientWidth\*0.99);

​

• jqGrid 一些常用方法

$.jgrid.gridUnload("jqGrid");    //删除现有的表，然后可以重新初始化 从而达到动态改变 列
$("#grid").jqGrid('setGridParam',{ postData: { myparam:20 } });//改变 属性
var selectedRow =  $("#grid_id").jqGrid('getGridParam', 'selrow');//获取属性

var jsonObj=$.jgrid.parse("{...}"); //把json 字符串 转换为 对象
    jsonObj=JSON.parse("JSON 字符串"); //把json 字符串 转换为 对象
var jsonStr=JSON.stringify(value); //把对象转换为 json字符串

​

• 初始化

jQuery.jgrid.useJSON = true;
$("#jqGrid").jqGrid(
   {
      ...
   }
)
​

• 1.初始化参数

• 2.初始化 分页参数

• 3.ColModel API

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

属性	数据类型	备注	默认值
align	string	left, center, right.	left
classes	string	设置列的 css。多个 class 之间用空格分隔，如：'class1 class2' 。表格默认的 css 属性是 ui-ellipsis	empty string
datefmt	string	”/”, ”-”, and ”.”都是有效的日期分隔符。y,Y,yyyy 年 YY, yy 月 m,mm for monthsd,dd 日.	ISO Date (Y-m-d)
defval	string	查询字段的默认值	空
editable	boolean	单元格是否可编辑	FALSE
editoptions	array	编辑的一系列选项。{name:’__department_id’,index:’__department_id’,width:200,editable:true,edittype:’select’,editoptions: {dataUrl:”${ctx}/admin/deplistforstu.action”}},这个是演示动态从服务器端获取数据。	empty
editrules	array	编辑的规则{name:’age’,index:’age’, width:90,editable:true,editrules: {edithidden:true,required:true,number:true,minValue:10,maxValue:100}},设定 年龄的最大值为 100，最小值为 10，而且为数字类型，并且为必输字段。	empty
edittype	string	可以编辑的类型。可选值：text, textarea, select, checkbox, password, button, image and file.	text
fixed	boolean	列宽度是否要固定不可变	FALSE
formoptions	array	对于 form 进行编辑时的属性设置	empty
formatoptions	array	对某些列进行格式化的设置	none
formatter	mixed	对列进行格式化时设置的函数名或者类型 {name:’sex’,index:’sex’, align:’center’,width:60,editable:true,edittype:’select’,editoptions: {value:’0:待定;1:男;2:女’},formatter:function(cellvalue, options, rowObject){ var temp = “” return temp; }},//返回性别的图标。	none
hidedlg	boolean	是否显示或者隐藏此列	FALSE
hidden	boolean	在初始化表格时是否要隐藏此列	FALSE
index	string	索引。其和后台交互的参数为 sidx	empty
jsonmap	string	定义了返回的 json 数据映射	none
key	boolean	当从服务器端返回的数据中没有 id 时，将此作为唯一 rowid 使用只有一个列可以做这项设置。如果设置多于一个，那么只选取第一个，其他被忽略	FALSE
label	string	如果 colNames 为空则用此值来作为列的显示名称，如果都没有设置则使用 name 值	none
name	string	表格列的名称，所有关键字，保留字都不能作为名称使用包括 subgrid, cb and rn.	Required
resizable	boolean	是否可以被 resizable	TRUE
search	boolean	在搜索模式下，定义此列是否可以作为搜索列	TRUE
searchoptions	array	设置搜索参数	empty
sortable	boolean	是否可排序	TRUE
sorttype	string	用在当 datatype 为 local 时，定义搜索列的类型，可选值：int/integer - 对 integer 排序 float/number/currency - 排序数字 date - 排序日期 text - 排序文本	text
stype	string	定义搜索元素的类型	text
surl	string	搜索数据时的 url	empty
width	number	默认列的宽度，只能是象素值，不能是百分比	150
xmlmap	string	定义当前列跟返回的 xml 数据之间的映射关系	none
unformat	function	‘unformat’单元格值	null

• 4.jsonReader 属性

• 5.编辑功能参数

• jqGrid 类方法调用

$.jgrid.[方法名]( parameter1,...parameterN );
​

• jqGrid 对象方法调用

$("#analyDataTab").jqGrid("方法",参数,参数);
​

• jqGrid 类 通用方法和设置

$.jgrid.[方法名]( parameter1,...parameterN );
​