jqGrid 常用方法和事件

常用方法

获取行数据

<div id='jqGrid'></div>

1、获取所有行数据

$('#jqGrid').getRowData();
--或者
var IDS= $("#jqGrid").getDataIDs();
for(var i=0;i<IDS.length;i++){
   var obj = $("#gridTable").getRowData(IDS[i]);
}

2、获取选中行数据（单选）

var id=$("#gridTable").jqGrid('getGridParam','selrow');
var data = $("#gridTable").getRowData(id);

3、获取选中行数据（多选）

var ids = $("#gridTable").jaGrid('getGridParam','selallrow');
for(var i=0;i<ids.length;i++){
   var data = $("#gridTable").getRowData(ids[i]);
}

删除行数据

$("#gridTable").delRowData(id);

重新加载表格

$("#gridTable").jqGrid().trrigger('reloadGrid');
--重置参数加载
$("#gridTable").setGridParam({url:'新url'}).trrigger('reloadGrid');

动态设置列显示隐藏

// 动态显示一列，列名是test1【就是colModel里面name的值】
jqGrid.setGridParam().showCol("test1").trigger("reloadGrid");
// 动态显示多列，test1、test2
jqGrid.setGridParam().showCol("test1").showCol("test2").trigger("reloadGrid");

// 动态隐藏一列
jqGrid.setGridParam().hideCol("test1").trigger("reloadGrid");
// 动态隐藏多列，test1、test2
jqGrid.setGridParam().hideCol("test1").hideCol("test2").trigger("reloadGrid");

常用事件

1、onSelectRow 选中行事件

onSelectRow:function(rowid,state){
    --rowid 当前行id
}

2、ondblClickRow 双击事件

ondblClickRow: function (rowid,irow,icol) {
    --rowid 当前行id
    --irow 当前行索引
    --icol 当前列索引
}

3、gridComplete 加载完成

gridComplete: function () {
}

4、loadComplete

loadComplete:function(data){
   --data 后台传输的数据
}