记录jqgrid获取数据以及操作数据的基本方法

一个技术小菜鸟L_H

于 2020-07-17 09:00:21 发布

阅读量966

点赞数 1

文章标签： jqgrid

本文链接：https://blog.youkuaiyun.com/qq_39597371/article/details/107400163

版权

本文详细介绍如何使用jqGrid插件进行各种操作，包括获取、编辑、刷新数据，设置列属性，添加、删除行，以及设置二级标题等。适用于前端开发者快速掌握jqGrid的使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//获取所有行数据
var rowsData = $("#jqgridId").jqGrid("getRowData");
//根据行id获取行数据
var rowData = $("#jqgridId").jqGrid("getRowData",rowid);
//结束编辑
$("#jqgridId").jqGrid('endEditCell');
//获取变化的行数据
var data = $("#jqgridId").jqGrid('getChangedCells');
//获取选中的行数据
var data = $("#jqgridId").jqGrid('getGridParam', 'selarrrow');
//刷新表格
$("#jqgridId").jqGrid('setGridParam', {datatype : 'json',postData : searchdata}).trigger("reloadGrid");
//设置列不可编辑
$("#jqgridId").setColProp("colName", {editable : false});
//给固定行的单元格设置值
$("#jqgridId").setCell(rowid,"colName",value);
//添加数据
$("#jqgridId").jqGrid('addRow', parameters);
//删除数据
$("#jqgridId").jqGrid('delRowData', rowid);
//设置二级标题
$(_self._datagridId).jqGrid("setGroupHeaders",{
   useColSpanStyle:true,
   groupHeaders:[
       {startColumnName:'colName',numberOfColumns:4,titleText:'显示的列名'}
   ]
});
//清楚表格数据
$("#jqgridId").jqGrid('clearGridData');