jqGrid에 반환 된 JSON 데이터가 표시되지 않습니다.

Question

ASP.NET 페이지에서 jqGrid를 사용합니다. 에서 .aspx 페이지에서 내가 가진 -의 .js 파일에서

<div id="divMy" style="width: 100%; overflow: auto;"> 
    <div id="divMyTable" style="width: 97%; display: none;"> 
     <table id="MyTable"> 
      <tr> 
       <td></td> 
      </tr> 
     </table> 
     <div id="divMyTablePager"></div> 
    </div> 
</div> 

을, 내가 가진 -

var CASortInfo = { 
    sortname: $('#MyTable').jqGrid('getGridParam', 'sortname'), 
    sortorder: $('#MyTable').jqGrid('getGridParam', 'sortorder'), 
    page: $('#MyTable').jqGrid('getGridParam', 'page'), 
    rows: $('#MyTable').jqGrid('getGridParam', 'rows') 
}; 


    $("#MyTable").jqGrid({ 
     url: "../Services/My.asmx/ReadMyTable", 
     datatype: 'json', 
     mtype: 'POST', 
     prmNames: { 
      search: "isSearch", 
      nd: null, 
      rows: "PageSize", 
      page: "PageNumber", 
      sort: "sortField", 
      order: "sortOrder" 
     }, 
     postData: { ID: $('#hfID').val() }, 
     ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }, 
     serializeGridData: function (postData) { 
      return JSON.stringify(postData); 
     }, 
     colNames: ["", "My", "Date Created", "Notes", "Action"], 
     colModel: [ 
      { name: "MyID", index: "MyID", resizable: false, hidden: true }, 
      { name: "MyName", index: "MyName", resizable: false, width: 250 }, 
      { name: "CreatedOn", index: "CreatedOn", resizable: false }, 
      { name: "Notes", index: "Notes", resizable: false }, 
      { name: "Buttons", formatter: ActionButtons, width: 70 } 
     ], 
     sortname: "CreatedOn", 
     sortorder: "asc", 
     ignoreCase: true, 
     autowidth: true, 
     shrinkToFit: true, 
     height: "auto", 
     pager: "#divMyTablePager", 
     toppager: true, 
     rowNum: 20, 
     rowList: [5, 10, 20, 50], 
     viewrecords: true, 
     gridview: true, 
     rownumbers: false, 
     hoverrows: true, 
     multiselect: false, 
     jsonReader: { 
      root: function (obj) { return obj.d.rows; }, 
      page: function (obj) { return obj.d.page; }, 
      total: function (obj) { return obj.d.total; }, 
      records: function (obj) { return obj.d.records; }, 
      repeatitems: false, 
      id: "0" 
     }, 
     beforeRequest: function() { 
      CASortInfo = { 
       sortname: $('#MyTable').jqGrid('getGridParam', 'sortname'), 
       sortorder: $('#MyTable').jqGrid('getGridParam', 'sortorder'), 
       page: $('#MyTable').jqGrid('getGridParam', 'page'), 
       rows: $('#MyTable').jqGrid('getGridParam', 'rows') 
      }; 
     }, 
     gridComplete: function() { 

      $('#MyTable').jqGrid('setGridParam', { 
       sortname: CASortInfo.sortname, 
       sortorder: CASortInfo.sortorder, 
       page: CASortInfo.page, 
       rows: CASortInfo.rows 
      }); 


       $("#divMyTable").show(); 
       $("#MyTable").setGridWidth($("#divMyTable").width()); 
     } 
    }); 

I 수있는 응답 JSON 데이터로 참조 - 내가 중단 점을 볼 수

{"d":{"__type":"Core.DTO.JQGridModel","total":"1","page":"1","records":"1","rows":[{"MyID":"627d6ca3-5bbc-4aa8-9e53-76afe4869ae2","MyName":"This\u0027s a test.","CreatedOn":"\/Date(1394135983350)\/","Notes":"Yes","isActive":null}]}} 

gridComplete에서 히트됩니다. 데이터 그리드에 데이터를 표시하려면 어떻게해야합니까?

감사합니다.

Answer 1

그냥 divMyTable에서 대소 문자가 틀린 것을 알았습니다. 문제가 해결되면 작동합니다. 감사합니다.