JSON 데이터를 jqGrid에 매핑

Question

아래 코드는 자바 스크립트 객체를 만들고 JSON으로 변환 한 다음 jqGrid에로드하려고 시도합니다. 나는 위키 예제를 따르고 있으며, 내가 그들의지도를 매우 정확하게 따라 갔다고 느낀다. 그러나 여전히 운이 없다. 누가 누락 된 링크가 여기에 있는지 볼 수 있습니까?

jQuery(document).ready(function() { 

    var gridData = { 
     total: 2, 
     page: '1', 
     records: '12', 
     rows: [ 
         { id: '1', col1: 'cell11', col2: 'cell12', col3: 'cell13' }, 
         { id: '2', col1: 'cell21', col2: 'cell22', col3: 'cell23' } 
         ] 
    }; 

    gridData = $.toJSON(gridData); 
    $('#jqgrid').jqGrid({ 
     data: gridData, 
     datatype: 'json', 
     colNames: ['Col1', 'Col2', 'Col3'], 
     colModel: [ 
         { name: 'col1' }, 
         { name: 'col2' }, 
         { name: 'col3' } 
         ], 
     jsonReader: { 
      root: 'rows', 
      total: 'total', 
      page: 'page', 
      records: 'records', 
      repeatitems: false, 
      id: '0' 
     } 
    }) 

Answer 1

데이터를 JSON 문자열로 변환 할 필요가 없습니다. jqGrid는 데이터를 다시 변환해야합니다. 이 경우 datatype:'jsonstring' 및 datastr:gridData을 사용해야합니다.

var gridData = [ 
    { id: '1', col1: 'cell11', col2: 'cell12', col3: 'cell13' }, 
    { id: '2', col1: 'cell21', col2: 'cell22', col3: 'cell23' } 
]; 
$('#jqgrid').jqGrid({ 
    data: gridData, 
    datatype: 'local', 
    ... 
});