在Kendo Grid中保存上一个“新行”时添加新行

Question

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

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

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

这一切都有效。

但是在用户完成输入并点击“确定/保存”按钮后，我想立即在上一个添加的行下方添加一个新的空行。我在网格函数Save：

中尝试这个

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

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

在数据源事件'更改'期间也尝试相同的方式，但具有相同的行为。

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

Answer 1

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

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

13是输入键的值。