发生意外问题刷新现有JQGrid时:网格首次显示没有问题,然后用户将新数据应用于网格,标题和数据表以及网格分页器消失:
$("#grid").GridUnload();
grid = jQuery("#grid").jqGrid({
data : response.list,
datatype : "local",
colNames : columnNames,
colModel : [ {
name : 'column1',
index : 'column1',
width : 100,
sorttype : 'text'
}, {
name : 'column2',
index : 'column2',
width : 100,
sorttype : 'text'
}, {
name : 'column3',
index : 'column3',
width : 100,
sorttype : 'text'
}, {
name : 'column4',
index : 'column4',
width : 100,
sorttype : 'text'
} ],
rowNum : 30,
width : $("#grid").width(),
height : $("#grid").height(),
rowList : [ 30, 100, 150 ],
pager : "#gridPage",
sortname : 'column1',
viewrecords : true,
sortorder : "desc",
shrinkToFit : false,
rownumbers : true,
altRows : true,
caption : "Sample Grid",
});
jQuery("#grid").jqGrid('navGrid', "#gridPage", {
edit : false,
add : false,
del : false,
search : false,
refresh : false
});
jQuery("#grid").jqGrid('setGroupHeaders', {
useColSpanStyle : true,
groupHeaders : [ {
startColumnName : 'column1',
numberOfColumns : 2,
titleText : 'MergedColumn1'
}, {
startColumnName : 'column3',
numberOfColumns : 2,
titleText : 'MergedColumn2'
} ]
});
在这里,正如您所看到的,在创建新的JQGrid网格之前,我使用方法“$("#grid").GridUnload();
”来清除它。
我很难搞清楚,不知道是什么让它发生了?有人可以帮我吗?
答案 0 :(得分:0)
经过多次尝试,我解决了这个问题。对于我的情况,如果网格需要有固定的宽度和高度,并且当其列太多时显示水平滚动条,就像下面设置jqGrid的方式一样:
grid= jQuery("#grid_id").jqGrid({
width : 1000,
height: 800,
shrinkToFit: false,
});
确保网格正常工作最重要的是你应该将THML配置'align =“center”'添加到网格附加的表格中。
<table id="grid_id" align="center"></table>
我不知道为什么会解决它,但无论如何,它有效。