在jqGrid的亚格麻烦填充数据(Trouble populating data in jqGrid

2019-09-23 14:57发布

我想在次网格填充数据,但我有麻烦这样做。 我猜问题是我需要显示来自同一个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}) 
   }
});
文章来源: Trouble populating data in jqGrid subgrid