Question

我有带子网格的jqGrid。

如何从subGrid获取行？我做错了什么？在函数下面，我正在尝试获取行，但总是有错误。

loadComplete: function() {
    var rowIds = $("#list4").getDataIDs();

    $.each(rowIds, function (index, rowId) 
    {
        //var rows = jQuery("#list4_"+rowId+"_t").GetRowCount();
        //var rows = jQuery("#list4_"+rowId+"_t").getRowData(rowId);
        var sgtable = $("#list4_" + rowId + "_t");

        $.each(sgtable.rows, function(i, rId) //rows is undefined
        {
            console.log("rId:" + rId);
            var cdn = jQuery("#list4_"+rowId+"_t").jqGrid('getCell', rId, 'ItemTypeName');
            var cdv = jQuery("#list4_"+rowId+"_t").jqGrid('getCell', rId, 'ItemValue');

            console.log("cdn:" + cdn);
            console.log("cdv:" + cdv);
        });
    });
}  


 var rows = $("#list4_" + rowId + "_t").getDataIDs();

行总是== 0。

已更新！

网格：

grid

以下完整代码。

jQuery("#list4").jqGrid({

    url: getDataUrl,
    datatype: "json",
    autowidth: false,
    shrinkToFit: true,
    height: 'auto',
    loadonce:true,
    colNames: ['ContractNo', 'ParentName', 'ItemTypeName', 'ItemValue', 'ParentItemID', 'ItemID'],
    colModel: 
    [
        { name: 'ContractNo', index: 'ContractNo', hidden: true },
        { name: 'ParentName', index: 'ParentName', hidden: true },
        { name: 'ItemTypeName', index: 'ItemTypeName'/*,width: gwdth/2 */},
        { name: 'ItemValue', index: 'ItemValue'/*,width:gwdth/2*/ },
        { name: 'ParentItemID', index: 'ParentItemID', hidden: true },
        { name: 'ItemID', index: 'ItemID', hidden: true }
        ],
    subGrid: true,
    caption: "Contract items",
    subGridOptions: 
        {
            "expandOnLoad":true
        },
    gridComplete: function () {
        var rowIds = $("#list4").getDataIDs();

        $.each(rowIds, function (index, rowId) {
            $("#list4").expandSubGridRow(rowId); 

            var sdata =  $("#list4_" + rowId + "_t").getDataIDs();
             console.log("ri: "+rowId+". sdlEXP:" + sdata.length);
        });
    }, 
    subGridRowExpanded: function (subgrid_id, row_id) 
    {
        var subgrid_table_id, pager_id;
       // gwdth = $('div').width();
        subgrid_table_id = subgrid_id + "_t";
        pager_id = "p_" + subgrid_table_id;
        console.log("sqt_id: "+subgrid_table_id);
        $("#" + subgrid_id).html("<div style='margin-left:0px'><table id='" + subgrid_table_id + "' class='scroll'><tr><td>Testing</td></tr></table><div id='" + pager_id + "' class='scroll'></div></div>");
        jQuery("#" + subgrid_table_id).jqGrid({
            colNames: ['ContractNo', 'ParentName', 'ItemTypeName', 'ItemValue', 'ParentItemID', 'ItemID'],
            colModel: 
            [
                { name: 'ContractNo', index: 'ContractNo', hidden: true  },
                { name: 'ParentName', index: 'ParentName', hidden: true },
                { name: 'ItemTypeName', index: 'ItemTypeName'/*, width: gwdth/2 - 102*/},
                { name: 'ItemValue', index: 'ItemValue'/*, width: gwdth/2*/},
                { name: 'ParentItemID', index: 'ParentItemID', hidden: true },
                { name: 'ItemID', index: 'ItemID', hidden: true }
            ],
            height: 'auto',
            rowNum: 20,
            //  sortorder: "asc",
            shrinkToFit: true,
            url: getDataUrl + "?subgrid=" + getCell(row_id),
            // datastr: topicjson,
            //  datatype: "jsonstring",
            datatype: "json",
            treeGrid: true,
            treeGridModel: "adjacency",
            ExpandColumn: "ItemTypeName",
            // sortname: 'ParamNameEN',
            //loadonce: true,
            ExpandColClick: true,
            // SortTree:-1,
            // sortable: true,
            viewrecords: true,
            url: getDataUrl + "&subgrid=" + getCell(row_id),
        });
    },
    loadComplete: function() {

        var sn = 150;
        var sv = 400;

        var rowIds = $("#list4").getDataIDs();
        console.log("rids:" + rowIds.length);

         $.each(rowIds, function (index, rowId) 
         {
             console.log("#list4_" + rowId + "_t");

             var sdata =  $("#list4_" + rowId + "_t").getDataIDs();
             console.log("sdl:" + sdata.length);

        });




    }  


});

控制台有输出：

// loadcomplite

rids：2 - 表示我们在主网格中有2行。它的真。

但是当我尝试获取子网格行时，它返回0

sdl：0 - 为什么？

但所有数据都已加载！

如果我无法从loadComplete中的子网格获取数据，如何在网格加载后获取子网格数据？

我必须使用什么事件？

Answer 1

首先，在jqGrid中有许多不同的方式来实现子网格。您应该发布有关实施的模式详细信息。

通常在填充主网格时，它将只包含colModel和网格中名为“subgrid”的附加列。该列仅包含一个图标（例如“+”，其中包含类"ui-icon-plus"），该图标使用用户打开子网格。只有当用户单击“+”符号时，才会添加并填充带有子网格的新附加行。

所以你在主网格的loadComplete内找不到任何子网格，因为目前没有子网格。

The answer显示了如何获得当前打开的子网格。可以在自定义导航器按钮内部，onSelectRow内部或许多其他回调内部使用此内容，但原因不在loadComplete内。

你应该更详细地解释你真正需要的东西。您可能实现了加载网格的所有数据，包括所有子网格的数据。 例如，请参阅the answer 。在这种情况下，您可以访问所有子网格中的所有数据。

更新：我仍然不明白你想做什么，但无论如何，你发布的代码都有重要问题。您忘记了对服务器的Ajax请求将被异步处理。因此，如果你只是从url: getDataUrl + "&subgrid=" + getCell(row_id) 开始加载子网格，那么这并不意味着已经在主网格的loadComplete中看到了子网格。另外，您应该了解调用expandSubGridRow方法只会模拟click事件（请参阅the source code），哪些处理也可能是异步的。

我会再向您转发the answer，其中显示了如何一次加载所有子网格数据。在这种方式中，您可以解决许多问题并减少不必要的往返服务器。可能

jqGrid的。从子网格获取行

1 个答案: