jqGrid学习

属性：

height：是grid的高度，可以是一个像素值（如：300），也可以是一个百分比，还可以设成auto（height:'auto'）

width：grid的宽度

<span style="font-size:14px;">/* grid宽度的设置*//* 第一种设置方式 */// width:800,// shrinkToFit:true,/* 如果width设置了，并且shrinkToFit也设为true，则grid宽度按width值显示，各列 * 宽度重新计算，如两列width为300，各列width分别为80和120，则第一列宽度为：300（ * 总宽度）×80（第一列宽度）/200（两列宽度之和），第二列宽度为：300（总宽度）×120（第 * 二列宽度）/200（两列宽度之和） *******************//* 第二种设置方式 */// width:800,    // shrinkToFit:false,/* 如果width设置了，并且shrinkToFit设为false，各列宽度不会重新计算，各列按原有宽度 * 显示，grid表格按width宽度显示 *******************//* 第三种设置方式  * 下边方法为表格根据窗口大小自动设置宽度, 取到window的宽度，减去200px设为grid的宽度*//* width:$(window).width()-200,//gridComplete当表格所有数据都加载完成而且其他的处理也都完成时触发此事件，排序，翻页同样也会触发此事件。gridComplete: function(){$(window).resize(function(){ var winwidth=$(window).width()-200; $("#gridTable").setGridWidth(winwidth);});  },*//* 第四种设置方式*///autowidth:true,//autowidth设为true，grid会根据grid的父类元素大小来自动设置grid的宽度和各列的宽度</span>

Colmodel API

align 对齐格式

editable 为true时该行可以被编辑

hidden 为true是该列不显示

sortable 指定该列是否可以排序，默认是true

sorttype 排序类型

Editing

1.Inline Editing行内编辑

对于inline editing，有3个额外的method可以使用：editRow, saveRow, restoreRow

示例如下：

jQuery("#grid_id").jqGrid({...   onSelectRow: function(id){     if(id && id!==lastSel){         jQuery('#grid_id').restoreRow(lastSel);         lastSel=id;      }     jQuery('#grid_id').editRow(id, true);    },...});

对于这3个额外的method，有各自的参数列表：

editRow的参数和使用:

jQuery("#grid_id").jqGrid('editRow',rowid, keys, oneditfunc, succesfunc, url, extraparam, aftersavefunc,errorfunc, afterrestorefunc);

saveRow:

jQuery("#grid_id").jqGrid('saveRow',rowid, succesfunc, url, extraparam, aftersavefunc,errorfunc, afterrestorefunc);

restoreRow:

将grid内当前行的数据还原为编辑之前的值。

jQuery("#grid_id").jqGrid('restoreRow',rowid, afterrestorefunc);