我想在次网格填充数据,但我有麻烦这样做。 我猜问题是我需要显示来自同一个URL生成的数据。 它是嵌套数据。 该数据是JSON。 我环顾四周的例子,一些指定的jsonreader的需要,一些完全忽略它。 我很新的jQuery和jgrid。 我希望在项目扩展到要显示的标题字段。 我从服务器获取的数据是如下:
{"total":18,"page":1,"records":18,"rows":[
{"Name":"Jane", "Header":[{"Type":"bundle","Selected":"true"}]}
在这里,我需要显示在次网格页眉信息。 主要的网格显示在“行”的信息。 每“行”具有我需要显示,当用户点击在其上的标头信息。 我设法得到这样的翻译:显示器,但我觉得我失去了一些东西。 我需要解析数组和显示信息:类型和选择。 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("<table id='"+subgrid_table_id+"' class='scroll'>");
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})
}
});