我正在使用JqGrid 5.0.1
网格不可见。
包括的脚本是:
<script type="text/javascript" src="<c:url value="/resources/js/jquery-2.1.4.min.js" />"> </script>
<script type="text/javascript" src="<c:url value="/resources/js/jquery.jqGrid.min.js" />"> </script>
<script type="text/javascript" src="<c:url value="/resources/js/i18n/grid.locale-en.js" />"> </script>
<script type="text/javascript" src="<c:url value="/resources/js/jquery-ui.min.js" />"></script>
网格配置
$("#jqGrid").jqGrid({
url : 'someurl',
datatype : "json",
colModel : [ {
label : 'id',
name : 'id',
width : 75
}, {
label : 'name',
name : 'name',
width : 90,
editable : true
}
],
viewrecords : true,
width : 1000,
height : 220,
rowNum : 10,
loadonce : false, // this is just for the demo
pager : "#jqGridPager"
});
寻呼机配置
$('#jqGrid').navGrid('#jqGridPager', {
edit : true,
add : true,
del : true,
search : false,
refresh : false,
view : false,
position : "left",
cloneToTop : true
},
// options for the Edit Dialog
{
url : 'someurl',
editCaption : "Edit",
recreateForm : true,
checkOnUpdate : true,
checkOnSubmit : true,
closeAfterEdit : true,
errorTextFormat : function(data) {
return 'Error: ' + data.responseText
}
},
// options for the Add Dialog
{
url : 'someurl',
closeAfterAdd : true,
recreateForm : true,
errorTextFormat : function(data) {
return 'Error: ' + data.responseText
}
},
// options for the Delete Dailog
{
url : 'someurl',
errorTextFormat : function(data) {
return 'Error: ' + data.responseText
}
});
如果删除寻呼机配置,则错误消失。请注意,即使在删除寻呼机后,网格也不可见。
HTML代码
<table id="jqGrid"></table>
<div id="jqGridPager"></div>