grid - 在 Kendo Grid 中保存前一个“新行”时添加新行

Question

我已经成功创建了一个没有传输的 kendo.data.dataSource（只有带有模型和字段的数据），并且我能够将它绑定到我页面上的 KendoUI 网格。

加载后，网格为空。我确实调用了 net 行以在网格中添加一个空数据项，以便用户可以直接在网格中输入数据（内联模式）。

$("#divid").data("kendoGrid").addRow();

这一切都有效。

但是在用户完成输入并点击 OK/Save 按钮后，我喜欢立即添加一个新的空行，在之前添加的行下方。我在网格功能保存期间尝试此操作：

save: function(e) {            
    $("#divid").data("kendoGrid").addRow();
}

但是插入数据的前一行消失了，并且没有添加新的空数据项。

在数据源事件“更改”期间也尝试以相同的方式，但行为相同。

我的问题是，当用户点击当前 inine 编辑行的 OK/save 按钮时，我做错了什么或者向 Kendo Grid 添加新的空行的最佳方法是什么。

score 0 · Accepted Answer

如果要一次保存多条记录，可以进行批量编辑。您也可以绑定按键事件来创建新行。尝试这个：

 $(document.body).keypress(function (e) {
    if (e.keyCode == 13) {
        var grid = $("#grid").data("kendoGrid");
        grid.addRow();
}
});

13 是回车键的值。

1 回答 1