使用数据在javascript中向剑道网格添加行

Question

添加新记录时，用户会看到一个包含要填写的表单的模式。单击“确定”后，数据将保存到 DB 并关闭模态。但是，我现在必须将此记录添加到网格中。我不能只是从数据库刷新网格，因为它可能会消除用户可能在网格中所做的其他更改。

我需要从各种表单字段中获取数据，并将其作为 javascript 中的新行传递给网格。我见过一个例子，其中一行从一个剑道网格复制到另一个，但我找不到任何从头客户端向剑道网格添加新记录的地方。这是从一个网格复制到另一个网格的示例：如何在剑道网格中添加具有预定义数据的新行？

基本上我想做的是这样的：

var newRow = {field1: $("#field1").val(), field2: $("#field2").val(), field3: $("#field3").val()};

var grid = $("#grid").data("kendoGrid");
grid.addRow(newRow);

Answer 1

这不是addRow(). 根据文档，它“向网格添加一个空数据项”，因此它不接受任何参数，也不向网格添加数据。

您应该添加新数据dataSource.add()：

var newRow = {field1: $("#field1").val(), field2: $("#field2").val(), field3: $("#field3").val()};

var grid = $("#grid").data("kendoGrid");
grid.dataSource.add(newRow);

演示