初识jqGrid，表格数据处理——菜鸟成长日记

今天来了一个表结构的改动，要求增加几个字段。
一看运用的是jqGrip方法，源码如下：
$.ajax({
type : “post”,
url : “murata/im/global/dr00031/dr00031/fnGetColumnModel”,
datatype : “json”,
data : {oCondition : oCondition},
success : function(retData, textStatus, jqXHR) {
var colModel = retData.colModel;
if(retData.warningMessage){
imuiShowWarningMessage(retData.warningMessage);return;
}
jQuery("#searchResult_id").empty().append(’

’).append(’

’);
jQuery("#searchResult").jqGrid({
datatype : “local”,
data : colModel,
height: 318,
forceFit : true,
colNames:[
‘’,
‘’
],
colModel:[
{name:‘detail’,index:‘detail’, width:(jqGridWidth * 3),sortable:false},
{name:‘comments’,index:‘comments’, width:(jqGridWidth * 7),sortable:false}
],
shrinkToFit : true,
multiselect: true,
pager: ‘#srPager’,
rowNum : COUNT_PER_PAGE,
viewrecords : true,
gridComplete : function() {
windowResize();
},
viewsortcols : [true, ‘vertical’, true],
onSelectRow : function() {
$("#srPager #srPager_last_add").remove();
var rowIds = $("#searchResult").getGridParam(‘selarrrow’);
if(rowIds.length > 0) {
$("#srPager #srPager_right").after(’’ + rowIds.length + ’ ’ + ‘’);
}
},
onSelectAll : function() {
$("#srPager #srPager_last_add").remove();
var rowIds = $("#searchResult").getGridParam(‘selarrrow’);
if(rowIds.length > 0) {
$("#srPager #srPager_right").after(’’ + rowIds.length + ’ ’ + ‘’);
}
}
});
},

表格显示块。 一看有点方啊，赶紧百度。 总算知道了JQGrid是一个在jquery基础上做的一个表格控件，以ajax的方式和服务器端通信。 其实和我们平常用Ajax往表格里添加数据差不多，它只是一个集成的表格数据处理。所以这里要知道里面方法大概什么意思就成。基础的我们早就会了。

首先我们要在网页中引用相关的css和js文件。

，这是实际项目中的， 然后这是网上推荐的， ，其实都差不多啦，看你自己的实际情况

我这里是从ajax取回数据然后显示出来的，我觉得 应该是比较大众的用法吧。其他的请参考下列资料，谢谢。

参考文档：https://blog.mn886.net/jqGrid/
https://www.cnblogs.com/chenhuichao/p/8268547.html