jquery - 避免组标题与 jqgrid 中的组摘要重叠

Question

我有一个使用 jqGrid 4.7.0 的 jqGrid 表。我有一个演示here这是由用户 Oleg 制作的，我将其 fork 为有点不同。

以下是演示中发生的情况:

我想显示 OrderID 的摘要，并启用分组和折叠(加号和减号图标)。但是，正如您所看到的，默认情况下组标题与我的组摘要重叠，因此它不会显示我的 OrderID 摘要。

有没有可能的方法来显示 OrderID 摘要？或者一般来说，不要将组摘要与组标题重叠？我尝试了一些技巧，例如通过添加另一列来不显示任何内容，但这不起作用。我还尝试将 groupText 设为空，但它仍然不起作用。

groupText: []

谢谢。

Answer 1

您可以使用定义为函数的groupText:

groupingView: {
    groupText: [function (gv, cnt, summary) {
        return summary[0].v;
    }],
    ...
}

参见http://jsfiddle.net/6zhhkbv6/1/

更新:只有当您确实无法更新到免费的 jqGrid 并且必须使用旧版本的 jqGrid(例如 4.7)时，您才可以使用以下棘手的解决方法:

// first subclass $.jgrid.template method
var oldJgridTemplate = $.jgrid.template;
$.jgrid.template = function (template) {
    if (template !== "myDummyTemplate") {
        oldJgridTemplate.apply(this, $.makeArray(arguments).slice());
    }
    return arguments[3][0].v;
};

...
$("#jqGrid").jqGrid({
    ...
    groupingView: {
        groupText: ["myDummyTemplate"], // dummy template
        ...
    }
});

在此处查看演示:http://jsfiddle.net/OlegKi/6zhhkbv6/2/