避免组头与jqgrid中的组摘要重叠

时间:2015-04-10 20:28:23

标签: jquery jqgrid

我有一个使用jqGrid 4.7.0的jqGrid表。我有一个由用户Oleg制作的演示here,我把它分开来有点不同。

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

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

是否有可能显示OrderID摘要?或者一般情况下,不要将群组摘要与群组标题重叠?我尝试了一些技巧,例如通过添加另一个列来显示无,但这不起作用..我也尝试使groupText为空,但它仍然无效。

groupText: []

感谢。

1 个答案:

答案 0 :(得分: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/