2

我有分组网格,我按一列分组,然后在另一列上进行小时汇总,如下所示:

name: "GroupBy",
type: "local",
columnSettings: [
    {
        columnKey: "codeName",
        isGroupBy: true,
    },
    {
        columnKey: "hour",
        isGroupBy: false,
        summaries: [
            {
                summaryFunction: "custom",
                text: "Hours :",
                customSummary: function (valuesList) {
                    var sumOfHours = 0.0;
                    var sumOfMinutes = 0.0;
                    for (i = 0; i < valuesList.length; i++) {
                        var split = valuesList[i].split(':');
                        sumOfHours += parseInt(split[0]);
                        sumOfMinutes += parseInt(split[1]);
                    }

                    sumOfHours += parseInt(sumOfMinutes / 60);
                    var minutesLeft = sumOfMinutes % 60;
                    return sumOfHours + ":" + minutesLeft;
                }
            }
        ]
    }
],
summarySettings: {
    //summaryFormat: "HH:MM" // What should I write here to get proper formatiing?
}

现在的问题是,每当我得到:

  1. 36 小时显示 360.00 而不是 36:00
  2. 165 小时显示 1,650.00 而不是 165:00
  3. 8 小时 15 分钟,它显示 815.00 insted of 8:15
  4. 34 小时 15 分钟显示为 3,415.00 而不是 34:15

我在文档中的任何地方都找不到如何正确显示它。有人可以帮忙吗?

4

1 回答 1

2

igGridGroupBy 摘要函数应该总是返回数字类型,这不是你的情况。这就是你看到这种行为的原因。您可以做的是覆盖 $.ig.formatter 函数(在初始化 igGrid 之前),该函数在 Ignite UI 和 GroupBy 功能中用于格式化值并注入您的逻辑。这是一个例子:

var origFormatter = $.ig.formatter;
$.ig.formatter = function (val, type, format) {
    if (format === "myFormat") {
        return val;
    }
    return origFormatter.apply(arguments);
}
// Initialize igGrid here

然后设置 summarySettings.summaryFormat = "myFormat" 以便您的逻辑启动。

于 2015-09-16T13:07:55.340 回答