jqgrid subgrid가 데이터를로드하지 않습니다 (서버에 Ajax 호출이 전송되지 않음)

Question

다음은 jqgrid (v 4.6.0)를 설정 한 것입니다.

$(function() { 

var JQGridDefaults = { 
    caption: '', 
    rowList: [10, 50, 100], 
    datatype: 'json', 
    height: '100%', 
    viewrecords: true, 
    mtype: 'GET', 
    colNames: ['Item Control No', 'Item Short Description', 'ID'], 
    colModel: [ 
     { 
      name: 'ItemCode', index: 'ItemCode', search: true, width: 230, cellattr: makeCellContentWrap, searchoptions: { 
       sopt: ['eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc'], 
      }, 
      searchrules: {required: true} 
     }, 
     { 
      name: 'ItemShortDesc', index: 'ItemShortDesc', search: true, width: 300, cellattr: makeCellContentWrap, searchoptions: { 
       sopt: ['eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc'], 
      }, 
      searchrules: {required: true } 
     } 
     //Hidden Fields - Start 
     { name: 'ItemID', hidden: true, key: true } 
     //HiddenFields End 
    ], 
    pager: '#GridPager', 
    rowNum: 10, 
    sortname: 'ItemCode', 
    sortorder: 'asc', 
    url: '/Items/List', 
    jsonReader: { 
      root: "rows", 
      page: "page", 
      total: "total", 
      records: "records", 
      repeatitems: false, 
      userdata: "userdata", 
      subgrid: { 
       root: "rows", 
       repeatitems: false 
      } 
     }, 
    //Sub Grid - Start 
    subGrid: true, 
    subGridBeforeExpand: function (pID, rowID) { 
     console.log("Before Expand"); 
     var gridData = $(this).jqGrid('getRowData',rowID); 
     if (gridData.ItemCode == "") { 
      return false; 
     } 
    }, 
    subGridUrl: '/Items/Details', 
    subGridModel: { 
     name: ['Revision', 'ItemCode'], 
     width: [50, 100], 
     align: ['center', 'center'], 
     mapping: ['Revision', 'ItemCode'] 
    }, 
    afterInsertRow: function (rowid, aData, rowelem) { 
     // Remove the subgrid plus button except for rows that have exceptions 
     if (aData.ItemCode == "") { 
      $('#' + rowid).children("td.sgcollapsed").unbind(); 
      $('#' + rowid).children("td.sgcollapsed").html(""); 
     } 
    } 
    //Sub Grid - END 
}; 
var JQGridSearchDefaults = { 
    multipleSearch: true, 
    recreateFilter: true, 
    showQuery: true, 
    closeAfterSearch: true, 
    closeAfterReset: true, 
    searchOnEnter: true, 
    closeOnEscape:true, 
    width: 600 
}; 

$('#Grid').jqGrid(JQGridDefaults).navGrid('#GridPager', { view: false, del: false, add: false, edit: false, refresh: true }, 
{}, 
{}, 
{}, 
JQGridSearchDefaults); 

$('#Grid').jqGrid('setGridWidth', $('#Grid').parents('.main-content').width() - 2); 

$(window).resize(function() { 
    clearTimeout(this.id); 
    this.id = setTimeout(function() { 
     $('#Grid').jqGrid('setGridWidth', $('#Grid').parents('.main-content').width() - 2); 
    }, 300); 
}); 
}); 

하위 그리드 아이콘이 제대로 표시하지만이 확장 아이콘을 클릭하면 빈 행은 (어떤 헤더가 더 AJAX 호출이 전송되지 않습니다) 나타납니다

사람이 AJAX 호출이 이유에 대한 아이디어가 않습니다 안 그런가?

참고 : 또한 'subgridtype'매개 변수를 사용하고 Ajax 호출을하지 않은 서비스 호출을 정의하려고했습니다. 당신이 JSON을 subgridtype 시도에 대한

subgridtype: function (rowidparam) { 
      $.ajax({ 
       url: '/Items/Details', 
       cache: false, 
       type: 'Get', 
       dataType: "json", 
       data: { id: rowidparam.ItemID } 
      }).done(function (data) { 
       $('#Grid')[0].subGridJson(data, rowidparam.id); 
      }); 
     }, 

Answer 1

subgridtype은 문자열이어야합니다 : 'JSON'을