jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)

2020-05-24 21:34:03易采站长站整理
 为事件对象。onHeaderClickgridstate此事件发生在点击显示或隐藏表格后发生(hidegrid为true) gridstate为表格状态,有visible和hidden两个值onPagingpgButton此事件发生在点击page button后,填充数据前,及用户输入一个与当前页页码不同的新页码并回车时。onRightClickRowrowid, 
iRow, 
iCol, 
e此事件发生在右击行后。(此事件在Opera浏览器中无效)
rowid为行ID;iRow为行索引(勿与rowid混淆)
iCol为列索引;
e为事件对象onSelectAllaRowids,
status此事件发生在点击标题的复选框时发生(multiselect为true)
aRowids 选定行ID的数组(哪些行的复选框与头复选框相同)
status 头复选框的选定的布尔值,true为选中,false为onSelectRowrowid,
status此事件发生在行点击后
rowid 为行ID;
status  为选择状态。当multiselect为true时使用,当行被选中时返回true;为选中时返回false。onSortColindex,
iCol,
sortorder此事件发生在列排序被点击之后,数据排序前
index 为colModel 中定义的索引名iCol 为列的索引号
sortorder 为新的排序方式,asc或descresizeStartevent, index此事件发生在列被重新定义宽度时。 event 为事件对象;index 为在colModel 中定义的列索引。resizeStopnewwidth, index此事件发生在列被重新定义宽度后。
newwidth 为新的列宽度;index 为在colModel 中定义的列索引。serializeGridDatapostData通过此事件可以序列化传递给ajax请求的的数据。此事件将返回一个以序列化的数据。若有自定义的数据(如JSON字符串、XML字符串)要发给服务器时,可使用该事件。

3、方法

方法参数返回值描述
addJSONDatadatanone用传递的data(数组)填充网格。用法:假如我们从web服务器获得的数据(jsonresponse),则
var mygrid = jQuery(”#”+grid_id)[0];
var myjsongrid = eval(”(”+jsonresponse.responseText+”)”); 
mygrid.addJSONData(myjsongrid); 
myjsongrid = null; 
jsonresponse =null; 
将填充网格。当然,myjsongrid中的数据在传递到addJSONData之前可以被操作。