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

在javascript中使用数据向剑道网格添加行,javascript,kendo-ui,telerik,Javascript,Kendo Ui,Telerik,添加新记录时,将向用户显示一个模式,其中包含要填写的表单。单击“确定”时,数据保存到数据库中,模式关闭。但是,我现在必须将此记录添加到网格中。我不能仅仅从数据库中刷新网格,因为它可能会删除用户可能在网格中所做的其他更改 我需要从各种表单字段中获取数据,并在javascript中将其作为新行传递给网格。我见过一个例子,其中一行从一个剑道网格复制到另一个剑道网格,但我找不到任何新记录从零开始添加到剑道网格的例子。以下是从一个网格复制到另一个网格的示例: 基本上我想做的是这样的: var newRow

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

我需要从各种表单字段中获取数据,并在javascript中将其作为新行传递给网格。我见过一个例子,其中一行从一个剑道网格复制到另一个剑道网格,但我找不到任何新记录从零开始添加到剑道网格的例子。以下是从一个网格复制到另一个网格的示例:

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

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

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

这不是我们的目的。根据文档,它向网格中添加了一个空数据项,因此它不接受任何参数,也不向网格中添加数据

您应使用以下内容添加新数据:


这不是我们的目的。根据文档,它向网格中添加了一个空数据项,因此它不接受任何参数,也不向网格中添加数据

您应使用以下内容添加新数据:


使用Grid.insert0,dataItem插入网格顶部

您的样本:

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

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

使用Grid.insert0,dataItem插入网格顶部

您的样本:

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

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