无法在jqGrid子网格中填充数据

我试图填充子网格中的数据,但我无法做到这一点。 我想麻烦的是我需要显示从同一个URL生成的数据。 它是嵌套数据。 数据是json。 我四处寻找示例,一些指定需要jsonreader,一些完全省略它。 我对jquery和jgrid很新。 我希望在展开项目时显示标题字段。 我从服务器获得的数据如下:

{"total":18,"page":1,"records":18,"rows":[ {"Name":"Jane", "Header":[{"Type":"bundle","Selected":"true"}]} 

在这里,我需要在子网格中的标题中显示信息。 主网格显示“行”中的信息。 每个“行”都有一个标题信息,我需要在用户点击它时显示这些信息。 我设法得到像[object Object]这样的显示,但我想我错过了什么。 我需要解析数组并显示信息:Type和Selected。 http://www.trirand.com/blog/?page_id=393/help/subgrid-from-nested-master-grid-data/正是我所寻找的。

任何指针都非常感谢。

以下是我的代码片段:

 $("#grid").jqGrid({ url: '/requestData', datatype: "json", colNames:['ID', 'Name'], colModel:[ {name:'ID',index:'ID',sorttype:'int'}, {name:'Name',index:'Name', width:450} ], jsonReader : { repeatitems:false, root: 'rows' }, loadonce:true, viewrecords: true, autowidth: true, height: 400, rowNum:999, subGrid: true, subGridOptions: { "plusicon" : "ui-icon-triangle-1-e", "minusicon" : "ui-icon-triangle-1-s", "openicon" : "ui-icon-arrowreturn-1-e", //expand all rows on load "expandOnLoad" : false }, subGridRowExpanded: function(subgrid_id, row_id) { var subgrid_table_id; subgrid_table_id = subgrid_id+"_t"; $("#"+subgrid_id).html(""); jQuery("#"+subgrid_table_id).jqGrid({ url: '/requestData', datatype: "json", colNames: ['Header'], colModel: [{ name:"Header",index:"Header"} ], jsonReader: { repeatitems:false, root: "rows" }, loadonce: true, viewrecords: true, rowNum: 999, autowidth: true, sortorder: "asc", height: '100%' }); jQuery("#"+subgrid_table_id).jqGrid('navGrid',{edit:false,add:false,del:false}) } });