jqgrid 仅在有数据时才打开子网格

Question

这是我的子网格的声明：

    subGrid : true,
    subgridtype: 'json',
    subGridUrl: 'manuf_subgr.php',
    subGridModel: [{    name  : ['Package','Sticker','Manufacturer'], 
                        width : [85,50,100],
                        params: ['Catalogue'] 
                    } 
    ],
    gridComplete: function() {
        var timeOut = 50;
        var rowIds = $("#schedule").getDataIDs();
        $.each(rowIds, function (index, rowId) {
            if(rowId.row_cnt != 0){
                setTimeout(function() {
                    $("#schedule").expandSubGridRow(rowId);
                }, timeOut);
                timeOut = timeOut + 200;
            }
        });
    }

我期望发生的是这一行 if(rowId.row_cnt != 0) 如果没有从 json 返回的数据，则阻止打开子网格......但无论如何，所有网格都是打开的......

有人可以帮助实施停止以打开空子网格吗？

完整代码：

jQuery("#schedule").jqGrid({
    url:'sched.php',
    datatype: "json",
    mtype:'GET',
    colNames:['Street_Date','Label','Catalogue', 'Artist', 'Title','UKDP','UPCEAN','format'],
    colModel:[
        {name:'Street_Date',index:'Street_Date desc, ID', sorttype:"date", formatter:'date', formatoptions: {newformat:'d/m/Y'}, width:75},
        {name:'label',index:'label', width:100,align:"center"},     
        {name:'Catalogue',index:'Catalogue', width:85},
        {name:'Artist',index:'Artist', width:120},
        {name:'Title',index:'Title', width:250},
        {name:'UKDP',index:'UKDP', width:35, align:"right", formatter:"number", sorttype:"float"},
        {name:'UPCEAN',index:'UPCEAN', width:120, align:"center"},      
        {name:'format',index:'format', width:70, sortable:false}
    ],
    height: "100%",
    rowNum:20,
    rowList:[10,20,30,50,100],
    sortname: 'id',
    viewrecords: true,
    sortorder: "desc",
    jsonReader : { 
        root: "rows", 
        page: "page", 
        total: "total", 
        records: "records", 
        repeatitems: true, 
        cell: "cell", 
        id: "id",
        userdata: "userdata", 
        subgrid: {root:"rows", repeatitems: true, cell:"cell" } 
    },
    pager: '#schedule_pager',
    caption:"Release Schedule",

    grouping:true,
    groupingView : {
        groupField : ['Street_Date']
    },


    subGrid : true,
    subgridtype: 'json',
    subGridUrl: 'manuf_subgr.php',
    subGridModel: [{    name  : ['Package','Sticker','Manufacturer'], 
                        width : [85,50,100],
                        params: ['Catalogue'] 
                    } 
    ],
    gridComplete: function() {
        var timeOut = 50;
        var rowIds = $("#schedule").getDataIDs();
        $.each(rowIds, function (index, rowId) {
            if(rowId.row_cnt != 0){
                setTimeout(function() {
                    $("#schedule").expandSubGridRow(rowId);
                }, timeOut);
                timeOut = timeOut + 200;
            }
        });
    },

    onSelectRow: function (rowId) {
        $("#schedule").jqGrid ('toggleSubGridRow', rowId);
    }
});

Answer 1

您在评论中写道您是新手，使用它是第二天。 jqGrid 相对复杂，您尝试实现的第一个示例在我看来对于新手来说太复杂了。您尝试使用数据库中的数据加载填充 jqGrid，并在一个网格中进行分组和子网格。

您尝试在演示中实现的内容可以通过使用subGridOptions 选项的expandOnLoad: true 属性来解决：

subGridOptions: {expandOnLoad: true}

您可以在the official demo 上看到伪装在“层次结构”/“加载时扩展所有行”下的功能。我在the answer 中描述了一个重要问题。问题很快就出现了：jqGrid 中使用的 Ajax 请求的内部实现在另一个未决（服务器尚未回答）正在工作时阻止（跳过）Ajax 请求（请参阅代码 here、@ 的位置处的 .grid.hDiv.loading子网格模块中的 987654324@ 和 here、here 和 here)。 expandOnLoad: true 和您当前的实现都不能保证新的 Ajax 请求将在前一个仍然没有响应的过程中启动。所以您不能打开所有子网格。您的主要问题是：“如何防止打开空子网格或如何隐藏它？”，我发现第二个（也是不太重要的）问题。即使您目前看到您的网站打开了所有子网格，也可能是从互联网更远的地方访问同一站点将仅在打开一个或一些子网格之后进行。

所以我认为您应该更改网页的设计（更改要在子网格中显示的内容）或更改实现，以便您使用子网格列表构建 队列应该打开并且您将打开下一个网格只有在上一个网格打开之后。

或者，您可以在主网格的响应中包含所有子网格的数据。在这种情况下，您应该使用subGridRowExpanded 回调将网格填充为subgrid as grid。您将在子网格中不使用caption 和pager 选项，您将获得与标准子网格相同的外观。此外，您将在选项方面拥有更大的灵活性。我个人更喜欢子网格作为网格。