지난 며칠 동안 jqGrid 4.1.2를 실험 해 보았습니다. 점점 더 활성화되면서 점점 더 많은 기능이 내장되었습니다. 어쨌든 호출기가 작동을 멈추고 아무 잘못인지 알 수 없습니다. 그리드가로드되면 첫 번째 페이지의 데이터를 볼 수 있지만 페이지를 전환하면 데이터는 동일하게 유지됩니다. 카운터 만 변경됩니다. 행 수 드롭 다운 목록에서 100을 선택하면 모든 데이터를 볼 수 있습니다.jqGrid 호출기가 작동을 멈췄습니다.
나는 http://www.trirand.com/blog/jqgrid/jqgrid.html의 예제와 비교해 보았지만 모든 것이 일치하는 것처럼 보였지만 나는 최고의 JavaScript 코더가 아닌 것을 고백한다. 사전에
<script type="text/javascript" language="javascript">
jQuery(document).ready(function() {
jQuery("#testgrid").jqGrid({
url:'/Main/DynamicGridData/',
mtype:'POST',
datatype:'json',
colNames: [
'CustomerId',
'RecordStartUtc',
'RecordEndUtc',
'Id',
'Name',
'Status',
'AudioTitle',
'ServerId',
'ServerName',
'ApplicationInstanceId',
'ApplicationInstanceName',
'ApplicationName',
'ChannelId',
'ChannelFullName',
],
colModel: [
{ name: 'CustomerId', index: 'CustomerId', width: 0, align: 'left' },
{ name: 'RecordStartUtc', index: 'RecordStartUtc', width: 0, align: 'left' },
{ name: 'RecordEndUtc', index: 'RecordEndUtc', width: 0, align: 'left' },
{ name: 'Id', index: 'Id', width: 0, align: 'left' },
{ name: 'Name', index: 'Name', width: 0, align: 'left' },
{ name: 'Status', index: 'Status', width: 0, align: 'left' },
{ name: 'AudioTitle', index: 'AudioTitle', width: 0, align: 'left' },
{ name: 'ServerId', index: 'ServerId', width: 0, align: 'left' },
{ name: 'ServerName', index: 'ServerName', width: 0, align: 'left' },
{ name: 'ApplicationInstanceId', index: 'ApplicationInstanceId', width: 0, align: 'left' },
{ name: 'ApplicationInstanceName', index: 'ApplicationInstanceName', width: 0, align: 'left' },
{ name: 'ApplicationName', index: 'ApplicationName', width: 0, align: 'left' },
{ name: 'ChannelId', index: 'ChannelId', width: 0, align: 'left' },
{ name: 'ChannelFullName', index: 'ChannelFullName', width: 0, align: 'left' },
],
pager:'#gridpager',
rowNum:25,
rowList:[25,50,75,100],
sortname:'Id',
sortorder:'Asc',
viewrecords:true,
imgpath:'/Content/themes/base/images',
caption:'Test Grid',
autowidth:true,
width:'100%',
height:'100%',
hoverrows:false
});
jQuery("#testgrid").jqGrid(
'navGrid','#gridpager',
{view:true,edit:false,add:false,del:false},{},{},{},
{multipleSearch:true,multipleGroup:false},{closeOnEscape:true}
);
});
</script>
<table id="testgrid"></table>
<div id="gridpager"></div>
감사합니다, // 리누스
loadonce 속성이 트릭을 수행했습니다. 정말 고맙습니다! –