2011-09-29 8 views
0

지난 며칠 동안 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> 

감사합니다, // 리누스

답변

0

하지 코드를 테스트하지만, 모두 소문자로 "SORTORDER"값 '오름차순'을 변경하려고하는 장소에서 다음은 잘못된 코드입니다.

당신이 프로퍼티 추가 서버 측 페이징을 구현하는 경우 :

loadonce를 : 거짓;

심판 : 요청이 전혀 번째 페이지에 오는 경우 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options

는 또한 서버 측 코드에서 테스트!

+0

loadonce 속성이 트릭을 수행했습니다. 정말 고맙습니다! –

관련 문제