jQuery - jQGrid - 在网格行单击时展开、折叠子网格答案

【问题标题】：jQuery - jQGrid - expand,collapse subgrid on grid row clickjQuery - jQGrid - 在网格行单击时展开、折叠子网格
【发布时间】：2011-05-16 13:31:25
【问题描述】：

Here 有一个关于如何在我们单击一行时展开子网格的答案：

onSelectRow: function(rowId) {
    $("#jqgrid_id").expandSubGridRow(rowId);
}

如果该行已经展开，我们如何折叠它？我正在寻找类似的东西：

onSelectRow: function(rowId){ 
    if (the_row_of_the_grid is expanded) {
        // collapse: How implement this???
    } else {
        $("#jqgrid_id").expandSubGridRow(rowId);
    }
}

在行点击时完全展开/折叠。

【问题讨论】：

标签： javascript jquery jqgrid subgrid

【解决方案1】：

我还没有测试过，但在我看来，以下代码应该可以满足您的需求：

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

（见 jqGrid documentation）

【讨论】：

【解决方案2】：

我需要同样的东西，但我不能允许在网格已经折叠的情况下展开网格，所以“toggleSubGridRow”对我不起作用。 'collapseSubGridRow' 方法在只允许折叠的情况下更好。

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

【讨论】：

【解决方案3】：

一开始它对我不起作用 xD...我已经在我的 subGridOptions 上设置了 selectOnExpand，所以每次我单击展开它时都会选择行并再次调用 onSelectRow 啊哈哈...真有趣...

希望这可以帮助像我这样的傻瓜:)

【讨论】：