Kendo Grid(Java脚本):来自DB记录的每列多列,内联批量编辑/更新?

时间:2017-05-01 13:12:51

标签: kendo-grid

我想要的是:在Kendo网格中包含工作日的列,其中每列可能来自DB,也可能不来自DB。此外,批量编辑/更新功能。这样做是否可行如果是这样,任何帮助都会被感激,让我开始其他任何建议,拜托?

在DB中:

日期|在|出|用户ID

5/1/2017 | datetime | datetime | INT

5/3/2017 | datetime | datetime | INT

5/5/2017 | datetime | datetime | INT

输出:

用户名| 5/1/2017 | 5/2/2017 | 5/3/2017 | 5/4/2017 | 2017年5月5日

[5/1/2017],[5/3/2017]和[5/5/2017]的单元格可编辑。

1 个答案:

答案 0 :(得分:0)

可以define the grid column schema dynamically在哪里:

for (var i = 0; i < 5; i++) {
    var entryIndex = "entries[" + i + "]";
    columns.push({
        field: entryIndex,
        title: "Column " + i
    });
}

会变成:

// first column for username
columns.push({ field: valuesFromDatabase.UserName });
// loop to append each available date in the list as a column
for (var i = 0; i < valuesFromDatabase.Dates; i++) {
    columns.push({
        field: i.NumberOfVisits,
        title: i.Date
    });
}

valuesFromDatabase是包含您的数据的object列表(Dates,其中包含您希望在相关列中显示的任何内容的列表,在此示例中为多次访问) 。我没有机会测试这个,但它应该让你走上正确的轨道。

动态创建列的其他一些示例:

JSFiddle with editable grid

Example using Razor