jqGrid表格插件常用方法及函数留档

以下列出在实际开发中频繁使用的方法及函数，完整的api文档见http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs

/*jqGrid表格插件常用方法：

*rowid:行主键

*iCol   列字段，在colModel中定义的

*/

//获取单行数据

var rowdata=$("#gridId").getRowData(rowid);

//获取表格所有数据

var data=$("#gridId").getRowData();      

/*获取表格单列数据

*returntype   默认false,返回value组成的数组[cellvalue,cellvalue],为true时返回对象组成的数组，[{id:rowid, value:cellvalue},{id:rowid, value:cellvalue}]

*/

var coldata=$("#gridId").getCol(iCol,returntype);      

//获取单元格数据

var rowdata=$("#gridId").getCell(rowid,iCol); 

//赋值单元格数据，data为字符串

var rowdata=$("#gridId").setCell(rowid,iCol,data);

//插入行

$("#jqgrid").addRowData(rowId, data, pos, idx); //pos可以为[first,last,before,after], 为后两者是需要指定相对的行ID 

//赋值行数据，data为数组{name1:value1,name2: value2…}

var rowdata=$("#gridId").setRowData(rowid,iCol,data);

//表格重置，datatype: "json"时有效,为"local"时无效

var rowdata=$("#gridId").trigger(“reloadGrid”);

//表格销毁

$("#gridId").jqGrid(“GridUnload”);

/*jqGrid表格插件常用函数：

*rowid:行主键

*iCol   列字段，在colModel中定义的

*/

//表格数据获取并生成表格后触发

gridComplete()

//表格数据获取后在生成表格前触发，data为服务端返回的数据

loadComplete(data)

//双击表格行触发

ondblClickRow(rowid, iRow, iCol)

//单击行触发，status为true或false表示行是否选中

onSelectRow(rowid,status)

//选中行前触发

beforeSelectRow(rowid)

//通过插件自带ajax生成表格写法：

$("#gridId").jqGrid({
        url:ratetemp_g_url.list,//ajax的url
        datatype: "json",  //数据类型
        height: "100%",
        colNames:['操作','模板ID','模板名称','配置人','配置时间','备注'],
        colModel:[
        	{name:'',index:'', width:80,align:'center',formatter:function(cellvalue,options,rowObject){
				return '查看编辑删除';
			},sortable:false},
        	{name:'id',index:'id', width:100,align:'center',key:true,sortable:false},
			{name:'name',index:'name', width:100,align:'center',sortable:false},
			{name:'createUserName',index:'createUserName', width:100,align:'center',sortable:false},
			{name:'createTime',index:'createTime', width:100,align:'center',sortable:false},
			{name:'memo',index:'memo', width:150,sortable:false}
        ],
	toolbar:[true,"top"],   //是否包含顶部条
        rowNum:15,         //行数
        sortname:"id",     //排序主键
        sortorder:"desc",  //升序还是降序
        pager:"#grid_pager1",  //分页容器id
        jsonReader : {       //返回值定义
            repeatitems: false,
            id:"id"
        },
	autowidth:true,//宽度自适应
        viewrecords: true,//是否显示页码
rownumbers: true//是否显示序号

        caption: null   //标题
    });
	//状态栏按钮
    var buts=[];
	buts.push('
');
	buts.push('新增');
	buts.push('
');
    $("#t_ratetemp_list").html(buts.join(""));

//通过ajax返回数据生成表格写法：（不可分页）

$.post(rateqdhset_g_url.templist,{},function(data){
$("#gridId").jqGrid({
        datatype: "local",//注意不通过ajax时要设置成local
        autowidth:true,
        height: "100%",
        colNames:['id','分期期数','名义月服务费率（%）','名义年服务费率（%）','实际月服务费率（%）','实际年服务费率（%）','基准费率参数（%）'],
        colModel:[
        	{name:'id',index:'id', width:50,hidden:true},
        	{name:'installmentNum',index:'installmentNum', width:50,align:'center',sortable:false,key:true},
        	{name:'monthServiceFee',index:'monthServiceFee', width:100,align:'center',formatter:function(cellvalue,options,rowObject){
				return '
';
			},unformat:function(cellvalue,options,rowObject){
				return $(rowObject).find("input").val();
			},sortable:false},
			{name:'yearServiceFee',index:'yearServiceFee', width:100,align:'center',sortable:false},
			{name:'realMonthServiceFee',index:'realMonthServiceFee', width:100,align:'center',sortable:false},
			{name:'realYearServiceFee',index:'realYearServiceFee', width:100,align:'center',sortable:false},
			{name:'referenceRates',index:'referenceRates', width:100,align:'center',sortable:false}
        ],
        rowNum:data.length,
        data:data,  //注意不通过ajax时要设置data
	autowidth:true,
        caption:"分期费率规则"
    });
}