【问题标题】:Avoiding group header to overlap with group summary in jqgrid避免组标题与 jqgrid 中的组摘要重叠
【发布时间】:2015-04-10 20:28:22
【问题描述】:

我有一个使用 jqGrid 4.7.0 的 jqGrid 表。我有一个由用户 Oleg 制作的演示 here,我将它分叉以使其有点不同。

以下是演示发生的情况:

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

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

groupText: []

谢谢。

【问题讨论】:

    标签: jquery jqgrid


    【解决方案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/

    【讨论】:

    • groupText 作为函数是否仅在 4.8.0 中可用?它不适用于 jqGrid 4.7.0 :(
    • @blenzcoffee:是的,这是新功能。如果您真的无法更新到免费的 jqGrid 并且必须使用 jqGrid 4.7.0,那么您可以使用我在答案的 UPDATED 部分中描述的棘手的解决方法。跨度>
    猜你喜欢
    • 2014-06-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-05
    • 2021-12-31
    • 2013-08-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多