jQuery - jQGrid - 展开,折叠网格行上的子网格点击

时间:2010-11-27 13:14:50

标签: javascript jquery jqgrid subgrid

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);
    }
}

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

3 个答案:

答案 0 :(得分:6)

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

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

(参见jqGrid documentation

答案 1 :(得分:2)

我需要相同的东西,但我不能允许在已经折叠的情况下扩展网格,因此'toggleSubGridRow'对我不起作用。在只允许崩溃的情况下,更好的是'collapseSubGridRow'方法。

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

答案 2 :(得分:0)

我起初并没有为我工作xD ...我已经在我的subGridOptions上设置了selectOnExpand,所以每次点击展开它都会选择行并再次调用onSelectRow ahaha ... so有趣...

希望这有点像我这样的傻瓜帮助:)