使用數據將行添加到javascript中的kendo網格

Question

添加新記錄時，將向用戶顯示一個包含要填寫的表格的模式。 單擊“確定”時，數據將保存到數據庫，並且模式關閉。 但是，我現在必須將此記錄添加到網格中。 我不能只是從數據庫刷新網格，因為它可以清除用戶可能在網格中所做的其他更改。

我需要從各種表單字段中獲取數據，並將其作為JavaScript中的新行傳遞到網格。 我看過一個示例，其中將行從一個劍道網格復制到另一劍道網格，但是我找不到從暫存客戶端將新記錄添加到劍道網格的任何內容。 這是從一個網格復制到另一個網格的示例： 如何在Kendo網格中添加具有預定義數據的新行？

基本上我想做的是這樣的：

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);

演示版

Answer 2

使用grid.insert（0，dataItem）;插入Grid的頂部。

您的樣本：

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

var grid = $("#grid").data("kendoGrid");
grid.dataSource.insert(0, newRow);