javascript - 使用 jquery 清空具有相同数据的行的以下单元格

Question

我有这个简单的 fiddle : http://jsfiddle.net/anilca/kbfssbd4/

var dataArr = [
    { DayNum: 0, Day: "Sunday", Group: "A" },
    { DayNum: 1, Day: "Sunday", Group: "B" },
    { DayNum: 2, Day: "Sunday", Group: "C" },
    { DayNum: 3, Day: "Monday", Group: "B" },
    { DayNum: 4, Day: "Monday", Group: "A" },
    { DayNum: 5, Day: "Tuesday", Group: "C" },
    { DayNum: 6, Day: "Tuesday", Group: "B" }
];
var grid = $("#grid").kendoGrid({
    dataSource: {
        data: dataArr,
        sort: [
            { field: "DayNum", dir: "asc" },
            { field: "Group", dir: "asc" }
        ],
        schema: {
            model: {
                fields: {
                    DayNum: { type: "number" },
                    Day: { type: "string" },
                    Group: { type: "string" }
                }
            }
        }
    },
    selectable: true,          
    columns: [
        {
            field: "Day",
            title: "Day"
        },
        {
            field: "Group",
            title: "Group"
        }
    ]
}).data("kendoGrid");

我想在相应日期第一次出现后的行中显示日期列的空单元格。我的意思是我的目标是在不操纵数据的情况下获得以下屏幕截图:

我认为在构建剑道网格后可以使用 jquery 来做到这一点。但我不知道该怎么做。

提前致谢，

Answer 1

我会使用schema.parse来做到这一点方法。此方法可以操作数据，但不会更改数据，这很好。并且不需要 jQuery:

parse: function(data) {
    var lastDay = "";

    for (var i = 0; i < data.length; i++) {
        if (lastDay == "" || data[i].Day != lastDay) {
            lastDay = data[i].Day;
        }
        else {
            data[i].Day = "";
        }
    }

    return data;
}

Updated Fiddle .

更新:

是的，当我说解析不会更改数据时，我错了。事实上它改变了。您可以做的是创建虚拟属性并对其进行操作:

parse: function(data) {
    var lastDay = "";

    for (var i = 0; i < data.length; i++) {
        if (lastDay == "" || data[i].Day != lastDay) {
            lastDay = data[i].Day;
            data[i].DayText = data[i].Day;
        }
        else {
            data[i].DayText = "";
        }
    }

    return data;
}

看到我这次正在使用(并创建)DayText。您的第一个列定义更改为:

{
    field: "DayText",
    title: "Day"
}

因此它按原样保留 Day 属性。 Fiddle .