今天来了一个表结构的改动,要求增加几个字段。
一看运用的是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(’
’);
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 + ’ ’ + ‘’);
}
}
});
},
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 + ’ ’ + ‘’);
}
}
});
},
首先我们要在网页中引用相关的css和js文件。
,这是实际项目中的, 然后这是网上推荐的, ,其实都差不多啦,看你自己的实际情况我这里是从ajax取回数据然后显示出来的,我觉得 应该是比较大众的用法吧。其他的请参考下列资料,谢谢。
参考文档:https://blog.mn886.net/jqGrid/
https://www.cnblogs.com/chenhuichao/p/8268547.html