jqgrid - 单击标题时在 JQGrid 中展开组

Question

如何在单击标题时自动展开 jqGrid 中的组？ (而不仅仅是 +/- 图标)。我曾希望我可以使用 onSelectRow 和“groupingToggle”做一些事情，但是当您选择“分组”行时，onSelectRow 似乎没有被调用。

我在 https://github.com/tonytomov/jqGrid/pull/350 看到了一些现有的拉取请求和 https://github.com/tonytomov/jqGrid/pull/353但不确定他们发生了什么，因为这似乎与我所看到的行为不同。

Answer 1

我发现这个问题很有趣，所以我创建了 the demo它演示了该要求的可能实现之一。它使用以下简单代码:

var groupingView = $grid.jqGrid("getGridParam", "groupingView"),
    plusIcon = groupingView.plusicon,
    minusIcon = groupingView.minusicon;
$grid.click(function (e) {
    var $target = $(e.target),
        $groupHeader = $target.closest("tr.jqgroup");
    if ($groupHeader.length > 0) {
        if (e.target.nodeName.toLowerCase() !== "span" ||
                (!$target.hasClass(plusIcon) && !$target.hasClass(minusIcon))) {
            $(this).jqGrid("groupingToggle", $groupHeader.attr("id"));
            return false;
        }
    }
});

在上面的代码中我注册了click事件句柄，首先在句柄内部验证点击是在分组标题内。分组标题为 <tr>有 "jqgroup"类(class)。顺便说一句id的 <tr>是 groupid可用于 groupingToggle方法。唯一需要验证的是点击不是在已经调用 groupingToggle 的“+”或“-”图标上。相应的 jqGrid 事件句柄中的方法。